| 概要 | Discourse のコンポーザーでのプレビューの再配置とサイズ変更をユーザーに許可します。 | |
| リポジトリ | GitHub - Alteras1/discourse-editor-preview-position: Discourse theme component for users to reposition and resize the preview | |
| インストールガイド | テーマまたはテーマコンポーネントのインストール方法 | |
| Discourse テーマ初心者の方へ | Discourse テーマ使用の初心者ガイド |
このテーマコンポーネントをインストール
Discourse のコンポーザーでのプレビューの再配置とサイズ変更をユーザーに許可します。ドラッグバーをダブルクリックすると、分割位置が中央に再配置されます。

フルスクリーンプレビュー
また、フルスクリーン表示と同じスタイルでコンポーザーをスタイリングするオプションも追加されます。

設定
トップバープレビューボタン
プレビューボタンをトップバーに移動します。デフォルト: true
上下プレビューを許可
プレビューをエディターの上または下に配置することを許可します。デフォルト: true
水平プレビューのリサイズを許可
プレビューを水平方向にリサイズできるようにします。デフォルト: true
垂直プレビューのリサイズを許可
プレビューを垂直方向にリサイズできるようにします。デフォルト: true
クリーンコンポーザースタイル
コンポーザースタイルをフルスクリーンコンポーザースタイルにより近いものに変更します。デフォルト: false。
この設定は個人の好みに大きく依存します。このテーマコンポーネントの開発中、フルスクリーンエディターと非フルスクリーンエディターの違いが気になりました。そのため、より「統一された」体験を作成するために、このスタイリングを追加しました。デフォルトではオフになっています。
互換性・注記
api.renderInOutlet() 関数と新しい Glimmer コンポーネントの使用により、Discourse v3.2.0 以降でのみ動作します。
サイドバイサイドプレビューはデスクトップビューでのみ発生するため、このテーマコンポーネントはデスクトップビューにのみ適用されます。
同様に、リッチテキストエディターには個別のプレビューがないため、このコンポーネントは RTE モードでは無効になります。
スクリーンショットで使用しているテーマは Graceful テーマです。










