エディターでの色付け機能の仕組み

Visual Studio Codeやace-editorなどのテキストエディタでの色付け機能はどのようにしてできているのでしょうか？
###環境
Electron
contenteditable="true"
javascriptでその内容を取得する

m.ts10806

2019/03/28 03:50 編集

それを知ってどうしたいのでしょうか。マークダウンの<code>機能に言語をつけた場合でもコードハイライトが有効になりますがその仕組みを自作で作りたいということでしょうか。もう少しきちんとteratailの質問の仕方にそった質問にしてください。 https://teratail.com/help/question-tips

Lusaca

2019/03/28 03:53

エディターアプリを作っていいてハイライト表示をしたくなりました。 https://www.nishishi.com/javascript-tips/auto-word-highlighter.htmlなどのサイトでそのようなことができることはわかったのですが、エディターのように常にユーザーが入力する場合どのようにすればいいかと思ったkらです。

m.ts10806

2019/03/28 03:56

Webですかね。それならkeyupイベント拾ってはどうでしょうか。

m.ts10806

2019/03/28 03:56

というか後半無視しないでください。質問を編集してきちんと要件を具体的に記載してください。

Lusaca

2019/03/28 03:56

electronです。

m.ts10806

2019/03/28 04:00

会話が成り立たないようなので、質問を編集してきちんとされないなら、私は、これで。

CHERRY

2019/03/28 04:08 編集

質問は、編集できるので、「質問への追記・修正の依頼」された内容は、質問を編集して追記してください。この欄は、デフォルトでは閉じているので、見てない人も多いですよ。まずは、「シンタックスハイライト」や「syntax highlight」で、検索するといろいろな例が見つかるのではないでしょうか。また、atom とかのエディタは、ソースコードが公開されているので、どのような動作をしているか追いかけてみるのが早いかもしれません。

Lusaca

2019/03/28 04:09

ありがとうございます。インターネットで探してみます。

Bernadotte

2019/03/28 04:28

mts10806さんが書かれている通り、何をどうされたいのかを明示的に記載いただかないと、anyewuさんが何をしたくて困っているのかを、こちらも明確に掴めません。例えばですが、何を：テキストエディターWEBアプリどうして：指定した文字列を強調したいためどのように：テキストボックスで入力した文字列が表示されている文章の中に含まれている場合は、ハイライトで表示といった形で、ご自身で整理されてから質問を投稿したほうが、回答もスピーディー得られるかと思います。