テキスト入力時のハイライト化 - 要望 https://wp-cocoon.com/community/demands/%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e5%85%a5%e5%8a%9b%e6%99%82%e3%81%ae%e3%83%8f%e3%82%a4%e3%83%a9%e3%82%a4%e3%83%88%e5%8c%96/ Cocoon ディスカッション掲示板 ja Fri, 16 Oct 2026 17:39:14 +0000 wpForo 60 RE: テキスト入力時のハイライト化 https://wp-cocoon.com/community/demands/%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e5%85%a5%e5%8a%9b%e6%99%82%e3%81%ae%e3%83%8f%e3%82%a4%e3%83%a9%e3%82%a4%e3%83%88%e5%8c%96/#post-4361 Fri, 22 Jun 2018 14:20:52 +0000 わいひらさん

ご検討頂きありがとうございます。

他の似たようなプラグインも試しましたが、HTML Editor Syntax Highlighterがいまのところ一番良くて、他のプラグインでもやはりIMEがぶつかってくる感じでした。

HTML Editor Syntax Highlighterを使いつつ、ちょっと探ってみます。

]]> 要望 lightning2014 https://wp-cocoon.com/community/demands/%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e5%85%a5%e5%8a%9b%e6%99%82%e3%81%ae%e3%83%8f%e3%82%a4%e3%83%a9%e3%82%a4%e3%83%88%e5%8c%96/#post-4361 RE: テキスト入力時のハイライト化 https://wp-cocoon.com/community/demands/%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e5%85%a5%e5%8a%9b%e6%99%82%e3%81%ae%e3%83%8f%e3%82%a4%e3%83%a9%e3%82%a4%e3%83%88%e5%8c%96/#post-4355 Fri, 22 Jun 2018 13:50:56 +0000 自分でやってみた後、HTML Editor Syntax Highlighterを使うと、非常に良くできているなと思いました。
英語圏の方の場合、IMEはないと思うので、そこら辺は考慮に入っていないのかもしれません。
ただ、JavaScriptコードでIMEの位置を変更できなさそうではあります（そういった方法は聞いたことがない）。

IME側に何とかしてもらわないといけない部分かも。普通なら、IMEがカーソルを避けてくれないとブラウザ側からはどうしようもないかもしれません。

]]> 要望 わいひら https://wp-cocoon.com/community/demands/%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e5%85%a5%e5%8a%9b%e6%99%82%e3%81%ae%e3%83%8f%e3%82%a4%e3%83%a9%e3%82%a4%e3%83%88%e5%8c%96/#post-4355 RE: テキスト入力時のハイライト化 https://wp-cocoon.com/community/demands/%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e5%85%a5%e5%8a%9b%e6%99%82%e3%81%ae%e3%83%8f%e3%82%a4%e3%83%a9%e3%82%a4%e3%83%88%e5%8c%96/#post-4333 Thu, 21 Jun 2018 17:47:50 +0000 わいひらさん

検証して頂きありがとうございます！

やはり”HTML Editor Syntax Highlighter”がベストなことも了解です。

そもそもHTML Editor Syntax Highlighterの不満は、ハイライト化するまで時間がかかる（たまにしないこともあるｗ）

というのと、日本語入力に向いてないのか、

こんな感じで文字をIMEの予測変換が隠してしまうことなのですが、IMEとHTML Editor Syntax HighlighterとWORDPRESSテーマの相互関係のようで、もしかしたらテーマ側で良い調整ができるのでは？と思いお願いしてみました。

テーマの領域ではさすがにないと思いますので、お気にせずで結構です

 

ありがとうございました

]]> 要望 lightning2014 https://wp-cocoon.com/community/demands/%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e5%85%a5%e5%8a%9b%e6%99%82%e3%81%ae%e3%83%8f%e3%82%a4%e3%83%a9%e3%82%a4%e3%83%88%e5%8c%96/#post-4333 RE: テキスト入力時のハイライト化 https://wp-cocoon.com/community/demands/%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e5%85%a5%e5%8a%9b%e6%99%82%e3%81%ae%e3%83%8f%e3%82%a4%e3%83%a9%e3%82%a4%e3%83%88%e5%8c%96/#post-4326 Thu, 21 Jun 2018 13:34:29 +0000 今日、CodeMirrorというJavaScriptプラグインを利用して、テキストエディターのハイライト化を試してみました。
結果的には、ハイライトさせるだけなら簡単にできました。
けれど、投稿ページにはビジュアルエディターとテキストエディターがあって、それぞれの動作の兼ね合いが、かなり難しくうまくいきませんでした。

何か解決方法はないかとCodeMirrorとWordpressに関して検索してみると、結果的に”HTML Editor Syntax Highlighter”プラグインが、CodeMirrorを一番うまく実装させているようでした。
僕も、CodeMirrorを使えば非常に簡単なものは何とかできるのかもしれません。
けれど、"HTML Editor Syntax Highlighter"以上のものはかなり時間をかけないと厳しいと思います（時間の余裕的にかなり難しい）。
また、"HTML Editor Syntax Highlighter"にある挙動がイマイチな部分も、同じ方法（CodeMirror）で実装しようとするので、僕も同様に行きあたる可能性が高いです。

なので、結局のところ"HTML Editor Syntax Highlighter"プラグインを使うのが一番確実なような気がします。
プラグイン作者の方がCodeMirrorの動作について熟知していると思うので、いずれもしかしたら修正アップデートがあるかもしれません。

]]> 要望 わいひら https://wp-cocoon.com/community/demands/%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e5%85%a5%e5%8a%9b%e6%99%82%e3%81%ae%e3%83%8f%e3%82%a4%e3%83%a9%e3%82%a4%e3%83%88%e5%8c%96/#post-4326 RE: テキスト入力時のハイライト化 https://wp-cocoon.com/community/demands/%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e5%85%a5%e5%8a%9b%e6%99%82%e3%81%ae%e3%83%8f%e3%82%a4%e3%83%a9%e3%82%a4%e3%83%88%e5%8c%96/#post-4308 Wed, 20 Jun 2018 22:40:29 +0000 わいひらさん

返信ありがとうございます。

テキストエディターの方使っている人は少数派ですよね……

プラグインが既に存在している機能なので、あまり気にしないで頂ければと思います

失礼しました

]]> 要望 lightning2014 https://wp-cocoon.com/community/demands/%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e5%85%a5%e5%8a%9b%e6%99%82%e3%81%ae%e3%83%8f%e3%82%a4%e3%83%a9%e3%82%a4%e3%83%88%e5%8c%96/#post-4308 RE: テキスト入力時のハイライト化 https://wp-cocoon.com/community/demands/%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e5%85%a5%e5%8a%9b%e6%99%82%e3%81%ae%e3%83%8f%e3%82%a4%e3%83%a9%e3%82%a4%e3%83%88%e5%8c%96/#post-4297 Wed, 20 Jun 2018 11:42:32 +0000 そこまでの機能となると、ちょっと調べてみないとできるともできないとも言えないです。
ただ、テキストエディターをメインに使用されている方の割合からいって、そこまで優先度の高い実装でもないように感じています。
なので、すぐに実装ということはないと思います（簡単でない限り）。
いずれにせよ、自分ですべてハイライトコードを書くわけにはいかないので、優秀なライブラリが存在するかどうか、それがWordpressで使えるかどうかにかかってくると思います。

]]> 要望 わいひら https://wp-cocoon.com/community/demands/%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e5%85%a5%e5%8a%9b%e6%99%82%e3%81%ae%e3%83%8f%e3%82%a4%e3%83%a9%e3%82%a4%e3%83%88%e5%8c%96/#post-4297 テキスト入力時のハイライト化 https://wp-cocoon.com/community/demands/%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e5%85%a5%e5%8a%9b%e6%99%82%e3%81%ae%e3%83%8f%e3%82%a4%e3%83%a9%e3%82%a4%e3%83%88%e5%8c%96/#post-4282 Tue, 19 Jun 2018 16:55:40 +0000 お世話になります。

ダメ元でお願いをさせて頂きたいと思います。

私はもっぱらテキスト入力派なのですが、テキスト入力時に添付画像のようにハイライト表示する機能は簡単に可能なのでしょうか？

今はプラグインの”HTML Editor Syntax Highlighter”を使用しているので、それを使えば！と言われるかも知れませんが……このプラグイン、ちと挙動がイマイチで

かなりプラグインの領域かと思いますので、ダメ元でのお願いです（苦労するようでしたら無理しなくて結構です）

----------------------------------------------
サイト名：勝手にライトニング！
サイトURL：https://lightning2014.ensyutsubu.com/blog
ホームURL：https://lightning2014.ensyutsubu.com/blog
コンテンツURL：https://lightning2014.ensyutsubu.com/blog/wp-content
インクルードURL：https://lightning2014.ensyutsubu.com/blog/wp-includes/
テンプレートURL：https://lightning2014.ensyutsubu.com/blog/wp-content/themes/cocoon-master
スタイルシートURL：https://lightning2014.ensyutsubu.com/blog/wp-content/themes/cocoon-child-master
Wordpressバージョン：4.9.6
PHPバージョン：7.0.18
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.87 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：0.7.1
カテゴリ数：95
タグ数：101
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：0.0.5
----------------------------------------------
利用中のプラグイン：
AddQuicktag 2.5.2
AdRotate 4.12.1
Broken Link Checker 1.11.5
Category Order and Taxonomy Terms Order 1.5.4
Contact Form 7 5.0.2
Download Manager 2.9.74
EWWW Image Optimizer 4.2.1
Fudousan Tweet old post 1.6.1
HTML Editor Syntax Highlighter 2.2.3
IP Geo Block 3.0.12
List category posts 0.76.1
NextScripts: Social Networks Auto-Poster 4.2.4
Post Snippets 3.0.5
Search Regex 1.4.16
Simple Page Ordering 2.3.2
WebSub/PubSubHubbub 2.2.2
WordPress Ping Optimizer 2.35.0.1.3
WP-DBManager 2.79.1
WP-Optimize 2.2.4
wpForo 1.4.13
WP Multibyte Patch 2.8.1
XML Sitemap & Google News feeds 4.9.4
----------------------------------------------

]]> 要望 lightning2014 https://wp-cocoon.com/community/demands/%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e5%85%a5%e5%8a%9b%e6%99%82%e3%81%ae%e3%83%8f%e3%82%a4%e3%83%a9%e3%82%a4%e3%83%88%e5%8c%96/#post-4282