Discourse のコンポーザーに新しいリッチテキストエディターモードを導入し、より簡単に投稿できるようにしました。この機能に関するコミュニティからのフィードバックをさらに得るために、テストを開始する準備が整いました。
今回の実装は、優れた ProseMirror とその非コア Markdown モジュール を基盤としており、モジュールのスキーマ、解析、シリアライゼーション定義を、Discourse 固有の機能のベースとして使用しています。
このトピックは、新しいコンポーザーのテストガイドと、フィードバックを追跡するためのハブの両方として機能します。皆様のご協力に感謝いたします。
コミュニティで新しいコンポーザーを使用する
コンポーザーはまだ実験的なものと考えていますが、rich editor 設定を有効にすることで、コミュニティで使用を開始できます。
新しいコンポーザーを知る
新しいコンポーザーはリッチテキストエディターであり、特に Markdown に慣れていない非技術ユーザーにとって、執筆体験を簡素化します。このエディターは引き続き Markdown をサポートしますが、フォーマットは即座にレンダリングされ、Notion や Google Docs のような他のモダンな Web 作成ツールに似た WYSIWYG（What You See Is What You Get）エクスペリエンスを提供します。
新しいコンポーザーにアクセスするには、ツールバーのトグルをクリックします。これにより、現在の Markdown のみのモードから新しいリッチテキストエディターに切り替えることができます。必要に応じて、再度トグルをクリックして元に戻すことができます。
本日テストしていただくのは、新しいコンポーザーの最初のバージョンです。現在の Markdown のみのコンポーザーを完全に置き換えることを意図したものではありません。 まず基本的な機能に焦点を当てており、ほとんどのユーザーのニーズをカバーするはずです。
新しいコンポーザーで現在可能なことと、まだ準備ができていないことについては、以下のセクションを参照してください。サポートが拡大するにつれて、これらの領域は更新されます。
サポートされている機能
新しいコンポーザーでサポートされている機能は次のとおりです。
- タイトルを追加し、カテゴリとタグを設定する機能
- リッチテキストエディターモードでのシングルペインエディター（プレビューペインなし）
- Markdown のみのモードとリッチテキストエディターモードを切り替えるトグル
- Markdown、キーボードショートカット、およびツールバーアイコンでサポートされる基本的なフォーマット [1]
- 絵文字サポート
- プレーンテキストを貼り付ける際の Markdown からリッチテキストへの自動変換（例：
**太字**→ 太字） - 絵文字の自動変換（例：
:)→
） - 追加された画像のサイズ変更、キャプション付け、グリッド表示のための画像 UI
- 追加されたリンクの表示、編集、コピー、削除、およびタイトルの変更のためのリンク UI
- テーブルビルダー UI
- 投票ビルダー UI
- 脚注
- メンションとハッシュタグのサポート
- インライン HTML
<html>[2] - タイポグラファー置換（例：™、→、±）
- 画像アップロード
- ファイル添付
- トピックとチャットの引用
- 詳細を隠す
- スポイラーをぼかす（制限あり、欠落機能セクションを参照）
- Onebox
- 水平線の自動変換（つまり、
---と入力すると水平線に変換されます）
欠落している機能
現在欠落している、または新しいコンポーザーでまだ完全にサポートされていない機能は次のとおりです。
- テーブル作成後に列と行を追加または削除するためのテーブル UI
- 以前に作成された投票を編集するための投票 UI
- 見出しを追加するためのツールバーサポート
- 既存のテキストにぼかしを追加し、インラインぼかしをサポートし、ぼかしを簡単に削除するための、改善されたスポイラーぼかしサポート。
- その他、サポートされている機能セクションで明示的に言及されていないもの（例：Mermaid 図のサポート）
テストとフィードバックの共有
テスト中に、コンポーザーが期待どおりに動作しない問題に遭遇する可能性があります。その場合は、お知らせください！ 皆様のフィードバックは、新しいコンポーザーを改善し、コミュニティで利用できるようにするための貴重な資産です。
具体的な再現手順、ブラウザ/デバイスに関する情報、および関連するスクリーンショットや録画を提供してください！ また、既知の問題追跡を確認して、すでに報告されている問題がないか確認することもできます。問題が特定され修正されるにつれて、これらのセクションを最新の状態に保ちます。
覚えておいてください。新しいコンポーザーの使用中に問題が発生した場合は、いつでもトグルを使用して Markdown のみのモードに戻ることができます。
バグ
- Firefox では、投稿の先頭にメンションがある場合、カーソルをその前に配置できないようです（実際には可能ですが、視覚的に不明瞭です）。
UX 問題
- 予期しないスタイリングを避けるために、リンクの特定の部分的フォーマットを防ぐ
- カテゴリ、タグ、チャットチャンネルのハッシュタグに期待される視覚的レンダリング/検証を適用する
- ユーザーとグループのメンションに期待される視覚的レンダリング/検証を適用する
- 引用で投稿を開始する場合、または引用をコピー/貼り付けする場合、カーソルが引用の内側（下の行ではなく）にフォーカスされます。
開発者向け改善
- インライン HTML の解析を改善する（例：
<a>タグ用）
太字、イタリック、下線（ツールバーサポートなし）、取り消し線（
~~を介した Markdown のみ）、リンク、ブロック引用、コード、チェックボックス（[ ]を介した Markdown のみ、ツールバーサポートは近日提供）、箇条書きリスト、番号付きリスト ↩︎一部は最も近い Markdown に変換されます（例：
<s>,strike,strong,b,em,i,code。uは実際の下線に調理されないため、特にサポートされていません）。その他は「html_inline」ノードとして許可されます（例：kbd,sup,sub,small,big,del,ins,mark）。 ↩︎
多くの作業が展開されました。素晴らしい仕事です！Markdownに慣れていないユーザーにとっては大きなメリットになるでしょう。
ボタンとGIFボタンの間にスペースがありますが、ここにプレビューボタンがあればより分かりやすいと思います。そして、「プレビュー」という文字を入れるスペースも確保できます。
これらのメニュー項目は新しいコンポーザーとは実際には関連がないため、ここでは焦点を当てる必要はありません。メニュー項目に関するフィードバックがあれば、新しい#featureトピックを開始するか、検索してください。
