§09-09Forms

Code editor (Monaco/CodeMirror)

構文ハイライトと補完付きでコードを編集する。

利用者にコードや設定を書かせる画面で入力の誤りを減らす。テンプレートや数式、スクリプトを扱う管理画面に向く。

実装のポイント

ハイライトや補完は textarea の上に重ねるより、専用エディタを動的 import で遅延読み込みする方が確実。Tab キーの扱いとフォーカス脱出の手段を決めておく。