0
私はElectronで正規表現のエディタを作っていますが、上部に正規表現の入力ボックスを作りたいと思います。私はAtomがそれをする方法を見てきました - 色の部分のためのスパンを含んでいるdivをたくさん積み重ねることによって、これまでのところ、私はこれやった非常に簡単な色の1行テキスト領域を作成するには？
、：
：私もそれはこのように見えるの質問に入れてあまりにも大きいCSSの負荷を、持っている
<body onload="load()">
<div class="container">
<div class="regex-input">
<div class="line" id="line">
<span class="red">Hello</span>
<span class="black">, world</span>
<span class="orange">!</span>
</div>
</div>
</div>
</body>
これを行う方法に関するヒントを教えてください。私はインターネット上でそれを行う方法を探してきましたが、何も見つかりませんでした。
は、ここで私が欲しいものの種類の画像です：（http://regexr.comから）すでにこれを行うには良いツールがあります
外部リンクは死に瀕しがちで、将来のユーザーにとっては役に立たないので、質問内にコードを入れてください。私は、あなたが何を意味するのかを理解することは難しいと思っており、期待される結果を示す_image_が良いでしょう。 – LGSon
さて、私は、コードを質問に入れるのは良い考えではないと思いました。私はhttp://regexr.comに似たものが欲しい、私は質問にイメージを置く。 – Zac
質問に入るコードが多すぎる場合は、問題を再現するのに必要な最小限の量に減らなければなりません（「* [mcve] *」のガイドラインを参照してください）。このケースでは、事実上、これはオフサイトのリソース、チュートリアル、ライブラリなどのリクエストであるため、おそらく疑問な点だと思います。このサイトのトピックは明白ではありません。客観的に/正しく答えることはできません。 –