
エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
textareaの文字を色分けする(しているように見せる)方法を考えてみた - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
textareaの文字を色分けする(しているように見せる)方法を考えてみた - Qiita
codepenやGASのエディタでは、入力された文字は次々と色分けされていきます。本記事ではそんな機能を、... codepenやGASのエディタでは、入力された文字は次々と色分けされていきます。本記事ではそんな機能を、つまり入力された文字をそれぞれ色分けする機能を、JavaScriptのライブラリを駆使して「簡単に」再現してみようと思います。…再現と書きましたが、原理は根本的に異なるものであるということはあしからず。 サンプルのスクリーンショット CSSを入力したら、こんな具合に色分けする。 必要なもの highlight.js (JavaScriptライブラリ) JavaScript/CSSについての最低限の知識 0. はじめに知っておくべきこと ご存知の方もいらっしゃるかもしれませんが、textarea内の文字をそれぞれ別の色に変えることはできません(textareaの文字色を赤にしてSVGフィルターをかけたspanを各文字の位置に重ねるという泥臭い方法はありますが、機能性も低くハイコスト・ロー