テキストエディターの悩み：構文ハイライトと単一の小さなカラム

サポート
1

私はよく、Discourse の組み込みテキストエディタではなく、別のテキストエディタを使ってメッセージを編集しています。

私が抱える最大の課題は、画面の中央にある幅が制限されたカラムです。編集時には、横スクロールを頻繁に行わなければならないため非常にストレスが溜まります。また、レンダリング時（特にデスクトップ環境）にも最適ではなく、多くの余白が空いてしまうため、体験が良くありません。ウィンドウをどれだけ引き伸ばしても、ブラウザウィンドウの中央には非常に細いカラムしか表示されません。

もう一つの課題は、構文ハイライトの色表示です。色付きの構文が一貫してレンダリングされません。例えば、yaml の場合、当社のサーバー（2.5.0.beta7）では - list 項目を追加すると構文ハイライトが機能しなくなりますが、key: value のみの場合は正常に動作します。これは Discourse では問題なく動作しているようです。また、PowerShell の構文は当社では機能しますが、Discourse では動作しません。

「いいね！」 1
2

コンポーザーの幅は投稿の幅と同程度に設定されており、入力中に行数を把握しやすくなっています。

いくつかのシンプルな CSS テーマコンポーネントを使用することで、両方の幅を増やすことができます。デフォルトで提供されている設定は、UX の科学的な研究に基づいています。

開始の 3 つのバッククォートに言語名を追加することで、特定の言語の構文を強制できます。これは Commonmark 仕様で定義されています。

例：

```yaml
list:
  - a: 1
  - b: "2"
```

は以下のように表示されます。

list:
  - a: 1
  - b: "2"

highlighted languages を確認してください。Powershell はデフォルトのリストに含まれていません。

「いいね！」 2
3

言語を指定して三重バッククォートを使用しています。GitHub ではいつもこのように行っていますが、予測通りに動作しないようです。

「いいね！」 1
4

ハイライトが機能していない実際の投稿例を共有していただけますか？

「いいね！」 2