javascript - ace エディタで 2 つの異なるスタイルの代替行を管理する方法は?

Question

ace でメモを取るエディタを作成したいと考えています。

たとえば、エディターにスペイン語のテキストを貼り付けます。次に、対応するスペイン語の単語に対応する英語の単語を書き留めたいと思います。これらの英語の単語をそれぞれのスペイン語の単語の上に表示したい (スペイン語の 2 行の間)

そこで、エディターで 2 つのテキスト スタイルを使用して行を交互に表示します。大きいフォントでスペイン語、小さいフォントで英語。

どうすればいいですか？ace は contenteditable を使っていると思います。異なるスタイルで交互の線を形成するにはどうすればよいですか?

Answer 1

Ace は contenteditable を使用せず、モノスペース フォントのみをサポートするため、可変サイズのフォント サポートを ace に追加する必要がありますが、これは簡単ではありません。