Discourse 注意書き

[Discourse]

||||
-|-|
| 概要 | Discourse Spoiler Alert プラグインは、投稿内の [spoiler] タグでマークされたコンテンツを非表示にする機能を提供します。
| インストールガイド | このプラグインは Discourse コアに同梱されています。プラグインを個別にインストールする必要はありません。

これは Discourse チームによって管理されている #公式プラグイン であるため、#サポート、#貢献:バグ、#貢献:UX、#貢献:機能 リクエストは、Meta 上の該当するカテゴリで提出し、適切なプラグインタグを付けてください。以下のリンクをクリックしてリクエストを開始してください。

 サポート  バグ  UX  機能

スポイラーアラートの有効化

このプラグインはインストール後にデフォルトで有効になりますが、admin/plugins ページからアクセスできる設定から無効化/有効化できます：

機能

有効にすると、コンポーザのフォーマットバーにある メニューに「スポイラーをぼかす」オプションが追加されます。ぼかしたいテキストをハイライトし、「スポイラーをぼかす」を選択するだけで、選択したテキストが必要な [spoiler] タグで囲まれます：

例：

インライン：

[spoiler]これはネタバレです[/spoiler] 

これはネタバレです

複数行：

[spoiler]

I wanna be your vacuum cleaner
Breathing in your dust
I wanna be your Ford Cortina
I will never rust
If you like your coffee hot
Let me be your coffee pot
You call the shots
I wanna be yours

https://johncooperclarke.com/poems/i-wanna-be-yours

[/spoiler]

I wanna be your vacuum cleaner
Breathing in your dust
I wanna be your Ford Cortina
I will never rust
If you like your coffee hot
Let me be your coffee pot
You call the shots
I wanna be yours

https://johncooperclarke.com/poems/i-wanna-be-yours

ぼかしをクリックすると隠されたテキストが表示され、再度クリックすると再びぼかされます。

画像でも動作します：
（ライトボックスを生成するのに十分な大きさの画像を再度ぼかすには、隣接する白い領域をクリックするか、ページを更新してください）

設定

| 名前 | 説明
|-|
| spoiler enabled | スポイラープラグインを有効にします。これを変更した場合、“rake posts:rebake” を使用してすべての投稿を再レンダリングする必要があります。^[1]

当社でホストされていますか？このプラグインは、すべてのホスティングプランで利用可能です Spoiler Alert | Discourse - Civilized Discussion

---

1. 当社のホスティングサービスをご利用のお客様は、設定変更による「再レンダリング」の必要性についてご質問がある場合は、team@discourse.org までお問い合わせください ↩︎

[pfaffman (Jay Pfaffman)]

コアに移動しました。

FEATURE: Bundle discourse-spoiler-alert plugin into core (#24030)

[JammyDodger]

Discourse Spoiler Alert はDiscourseコアにバンドルされたため、このプラグインを個別にインストールする必要はなくなりました。

セルフホストの場合は、ダッシュボードに app.yml から削除する方法に関する情報が表示されるはずです。

当社でホストされている場合、この変更は一切影響しません。 このプラグインを引き続きお楽しみいただけますので、ご心配なく。

[ismailarilik (İsmail Arılık)]

このプラグインがデフォルトで有効になっている理由がわかりません。映画フォーラムにしか役立たないのではないでしょうか？

[Jagster (Jakke Flemming)]

映画のネタバレよりも、テキストを隠す理由はたくさんあります。ジョークのオチよりも。

[Monikas (JustMonika)]

投稿の「いいね」をクリックした後にネタバレコンテンツを表示する機能を追加することは可能ですか？

[ondrej]

＃contribute:feature ＃spoiler-alert のトピックを作成するのは大歓迎ですよ

[Monikas (JustMonika)]

、向かっています。

[Mako-Poisoned (Mako)]

ネタバレのプレビューの外観を編集する方法はありますか？現在の実装は見た目が良いですが、ネタバレの内容を十分に抽象化できていません。

以下は、ユーザーがスクリーンショットをアップロードできるスレッドからの例です。スクリーンショットがネタバレの場合、そのようにタグ付けする必要があります。現在の実装では、ゲーム、映画などの重要な瞬間のスクリーンショットにネタバレタグを付けるという文脈では、実際には機能しないことがわかります。

私が共有したゲームに詳しい人なら、それが何であるかをすぐに知るでしょう。

以下の私のディスコースボードからの画像。

これを調整する方法はありますか？

編集: また、ネタバレを含む投稿の編集履歴をクリックすると、編集履歴にはコンテンツのネタバレタグが付けられないこともわかりました。

[NateDhaliwal]

どのようなものにする予定ですか？ よりぼかしますか？ ぼかしの色を変えますか？

[Mako-Poisoned (Mako)]

もしできたら、完全に黒くするか、もっとぼかすかのどちらかにしたいです。

[Steven]

ぼかし部分のデフォルトCSSは以下の通りです。

.spoiler-blurred img {
  filter: blur(1em);
}

1emをより重要な値に変更してください。

.spoiler-blurred img {
  filter: blur(5em);
}

カーソルが画像上にあるときにさらにぼかしたい場合は、これらの行を追加し、0.5em（前の値よりも重要度の低い値）を変更してください。

.spoiler-blurred {
  .discourse-no-touch & {
    &:hover, &:focus {
      img {
        filter: blur(0.5em);
      }
    }
  }
}