調理前に投稿をどのように飾るか？

Heddson · 2021 年 3 月 4 日午後 3:49

テーマコンポーネントを作成中で、投稿が調理される直前にそれを装飾・変更したいと考えています。調理（表示）される直前の生の投稿テキストを取得する方法はありますか？

「Discourse テーマのデベロッパー向けガイド」を確認し、decorateCooked や decorateCookedElement、addPostTransformCallback といった pluginAPI メソッドを使って調理済みの投稿を変更できることは分かりましたが、調理前の状態を取得する方法は見つかりませんでした。

また、コントローラーやコンポーネントも確認しましたが、うまくいきませんでした。

spirobel · 2021 年 3 月 4 日午後 4:09

この関数を使用する必要があります：

github.com/discourse/discourse

app/assets/javascripts/discourse/app/lib/plugin-api.js

212356112


      
          /**
           * Registers a "beforeSave" function on the composer. This allows you to
           * implement custom logic that will happen before the user makes a post.
           *
           * Example:
           *
           * api.composerBeforeSave(() => {
           *   console.log("Before saving, do something!");
           * })
           */
          composerBeforeSave(method) {
            Composer.reopen({ beforeSave: method });
          }
          
          /**
           * Adds a field to topic edit serializer
           *
           * Example:
           *
           * api.serializeToTopic('key_set_in_model', 'field_name_in_payload');
           *

これにより、以下の部分が上書きされます：

github.com/discourse/discourse

app/assets/javascripts/discourse/app/models/composer.js

212356112


      
            Object.keys(_add_draft_fields).forEach((f) => {
              this.set(_add_draft_fields[f], opts[f]);
            });
          
            return promise.finally(() => {
              this.set("loading", false);
            });
          },
          
          // Overwrite to implement custom logic
          beforeSave() {
            return Promise.resolve();
          },
          
          save(opts) {
            return this.beforeSave().then(() => {
              if (!this.cantSubmitPost) {
                // change category may result in some effect for topic featured link
                if (!this.canEditTopicFeaturedLink) {
                  this.set("featuredLink", null);
                }

これにより、投稿が保存される前に変更できます。

それでは。

Heddson · 2021 年 3 月 4 日午後 4:24

返信ありがとうございます！ただし、テキストの変更を保存したくありません。保存後、表示前（そして調理前）に変更したいのです。

理由は、ユーザーが投稿を編集した際に元のテキストが表示されるようにしたいからです。もし composerBeforeSave を使用した場合、編集時に変更されたテキストが表示されてしまうのではないかと懸念しています。

spirobel · 2021 年 3 月 4 日午後 4:47

これをテーマとして実装したい場合、これが唯一の選択肢になります。ユーザー入力（Markdown）→ Ruby によるサーバーサイドでの調理（cooking）→（HTML）の形で他のユーザーが取得し、必要に応じて装飾を加える、という流れです。これは「保存」または「返信」ボタンを押す直前に実行される処理です。下書きには表示されませんが、投稿を編集した場合は表示されてしまう点はご指摘の通りです。これを回避するには、コンポーザーを開く、または変更した投稿に切り替える際に、保存時に行われた変更を元に戻す必要があります。さらに詳しく説明することもできますが、コードを読んで自分で実験してみるのも良いでしょう。
さようなら！
追記：これについて考えました。理論的にはクライアント側で再調理（recook）することも可能ですが、パフォーマンスやその他の理由から、それは良いアイデアではないと思います。あるいは、プラグインを作成する方法もあります：(Superseded) Plugin Tutorial #1 - How to manipulate the text in the composer?

Heddson · 2021 年 3 月 5 日午前 10:21

プラグインについて調べてみます！でも、おそらく調理済みの投稿を直接修正することになりそうです（まさに私がやりたくなかったことですね）。

ありがとうございました！

トピック		返信	表示
How to modify the preview with javascript? Development	4	690	2021 年 3 月 9 日
Don't decorate cooked items in composer view? Development	3	509	2023 年 3 月 10 日
Trying to replace / auto-format strings in user posts Development	4	414	2023 年 11 月 13 日
Editing posts using a Theme Component Development	4	87	2025 年 9 月 5 日
Post Cooking Process with Landing Pages Development	0	369	2021 年 11 月 5 日

調理前に投稿をどのように飾るか？

関連トピック