質問概要
Electron.jsを使って、ちょっとしたテキストエディタを作ろうと奮闘しております。
しかし、AtomやVisual Studio Codeのように、テキスト入力部分で、予約語のような一部の文字の色の変更や強調の方法がわかりません。
質問詳細
Electron.jsを使って、ちょっとしたテキストエディタを作ろうと奮闘しております。
しかし、AtomやVisual Studio Codeのように、テキスト入力部分で、予約語のような一部の文字の色の変更や強調の方法がわかりません。
いろいろ調べてみたところ、有力な情報はDIV
要素に
contenteditable="true"
を与えることかなと思ったのですが、
いざ実行してみると挙動が結構重いです。
HTMLのtextareaには、Windowsなどで言うリッチエディットが無いようなので、
Atomなどはどのようにテキスト入力部で分の色の変更を行っているのでしょうか?
やはり、contenteditable="true"
を指定し、JavaScriptなどで、予約後が入力に出てきたら、
<span style="color: red;"></span>
等を追加したりしているのでしょうか?
ご存じの方いらっしゃいましたら、ご教示頂けますと幸いです。
お知恵をお貸しください。
よろしくお願いいたします。
蛇足
記念すべき、100回目の質問!
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/12/11 04:39