highlight.jsの言語を指定 - 要望 https://wp-cocoon.com/community/demands/highlight-js%e3%81%ae%e8%a8%80%e8%aa%9e%e3%82%92%e6%8c%87%e5%ae%9a/ Cocoon ディスカッション掲示板 ja Sun, 07 Jun 2026 02:24:11 +0000 wpForo 60 RE: highlight.jsの言語を指定 https://wp-cocoon.com/community/demands/highlight-js%e3%81%ae%e8%a8%80%e8%aa%9e%e3%82%92%e6%8c%87%e5%ae%9a/#post-25295 Thu, 05 Dec 2019 14:39:56 +0000 既にGitHub版のものは廃止しました。
https://github.com/yhira/cocoon
大変申しわけないのですが、今後は公式のコードブロックをご利用いただければと思います。

言語指定は、「高度な設定」から、「追加CSSクラス」を追加の方法でお願いいたします。

]]> 要望 わいひら https://wp-cocoon.com/community/demands/highlight-js%e3%81%ae%e8%a8%80%e8%aa%9e%e3%82%92%e6%8c%87%e5%ae%9a/#post-25295 RE: highlight.jsの言語を指定 https://wp-cocoon.com/community/demands/highlight-js%e3%81%ae%e8%a8%80%e8%aa%9e%e3%82%92%e6%8c%87%e5%ae%9a/#post-25293 Thu, 05 Dec 2019 14:37:55 +0000 先日実装した、Cocoonの「コード」ブロックですが、以下に書かれた理由から公式の「コード」ブロックで十分に思うので、2.0.3あたりで廃止する方向でいかせていただこうと思います。
https://wp-cocoon.com/community/cocoon-blocks-all/cocoon%e3%81%ae%e3%82%b3%e3%83%bc%e3%83%89%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%81%ab%e9%96%a2%e3%81%99%e3%82%8b%e4%b8%8d%e5%85%b7%e5%90%88/

廃止理由としてはこちらになります。

  • WordPress公式の「コード」ブロックでも言語指定はできる
  • WordPress公式の「コード」ブロックと今後大きく差別化する予定はないので同じものが2つあっても意味がない
  • どうせ廃止するなら早めに廃止しておいた方が良い
]]> 要望 わいひら https://wp-cocoon.com/community/demands/highlight-js%e3%81%ae%e8%a8%80%e8%aa%9e%e3%82%92%e6%8c%87%e5%ae%9a/#post-25293 RE: highlight.jsの言語を指定 https://wp-cocoon.com/community/demands/highlight-js%e3%81%ae%e8%a8%80%e8%aa%9e%e3%82%92%e6%8c%87%e5%ae%9a/#post-25023 Thu, 28 Nov 2019 12:56:16 +0000 了解です。

ソースコードブロックの追加ありがとうございます。

]]> 要望 veilnui https://wp-cocoon.com/community/demands/highlight-js%e3%81%ae%e8%a8%80%e8%aa%9e%e3%82%92%e6%8c%87%e5%ae%9a/#post-25023 RE: highlight.jsの言語を指定 https://wp-cocoon.com/community/demands/highlight-js%e3%81%ae%e8%a8%80%e8%aa%9e%e3%82%92%e6%8c%87%e5%ae%9a/#post-25006 Thu, 28 Nov 2019 11:23:49 +0000 ご確認ありがとうございます。

あと、細かい部分ですが、個人的にはpreタグのボーダーは非表示にしたほうが見栄えが良いと思います。

そこらへんは、かなり好みの部分になってくると思うので、自前でCSSを書いて対応していただければと思います。

]]> 要望 わいひら https://wp-cocoon.com/community/demands/highlight-js%e3%81%ae%e8%a8%80%e8%aa%9e%e3%82%92%e6%8c%87%e5%ae%9a/#post-25006 RE: highlight.jsの言語を指定 https://wp-cocoon.com/community/demands/highlight-js%e3%81%ae%e8%a8%80%e8%aa%9e%e3%82%92%e6%8c%87%e5%ae%9a/#post-24959 Wed, 27 Nov 2019 14:06:29 +0000 なるほど。
確かに実装上のコストと利便性が釣り合わない機能は意味がないです。

この状態でも標準のソースコード表示より便利になり、助かりました。
禁則文字のエスケープも行われていますし、フォントも等幅フォント表示です。

あと、細かい部分ですが、個人的にはpreタグのボーダーは非表示にしたほうが見栄えが良いと思います。

]]> 要望 veilnui https://wp-cocoon.com/community/demands/highlight-js%e3%81%ae%e8%a8%80%e8%aa%9e%e3%82%92%e6%8c%87%e5%ae%9a/#post-24959 RE: highlight.jsの言語を指定 https://wp-cocoon.com/community/demands/highlight-js%e3%81%ae%e8%a8%80%e8%aa%9e%e3%82%92%e6%8c%87%e5%ae%9a/#post-24920 Tue, 26 Nov 2019 16:13:41 +0000 本来は、codeで囲んだ方が良かったのかもしれませんが、ビジュアルエディターの時はpreの中にcodeを書く機能を実装するのが難しかったのと、pre,code双方挿入する前提の使い方では、使い勝手が悪かったのでpreのみの仕様にしました。

そのときの名残で、Cocoon設定のHightlight.jsのCSSセレクタ指定（デフォルト）も「.entry-content pre」なので、ブロックエディターもその仕様に合わせました。

]]> 要望 わいひら https://wp-cocoon.com/community/demands/highlight-js%e3%81%ae%e8%a8%80%e8%aa%9e%e3%82%92%e6%8c%87%e5%ae%9a/#post-24920 RE: highlight.jsの言語を指定 https://wp-cocoon.com/community/demands/highlight-js%e3%81%ae%e8%a8%80%e8%aa%9e%e3%82%92%e6%8c%87%e5%ae%9a/#post-24918 Tue, 26 Nov 2019 15:43:36 +0000 Cocoonは元々、preタグにclassを指定する仕様ですよ。
https://wp-cocoon.com/highlight-js/
Hightlight.jsは必ずしもcodeタグを使わなければいけないというわけではないかと思います。

You can use any tags instead of <pre><code> to mark up your code.

https://highlightjs.org/usage/

]]> 要望 わいひら https://wp-cocoon.com/community/demands/highlight-js%e3%81%ae%e8%a8%80%e8%aa%9e%e3%82%92%e6%8c%87%e5%ae%9a/#post-24918 RE: highlight.jsの言語を指定 https://wp-cocoon.com/community/demands/highlight-js%e3%81%ae%e8%a8%80%e8%aa%9e%e3%82%92%e6%8c%87%e5%ae%9a/#post-24915 Tue, 26 Nov 2019 15:20:48 +0000 禁則文字のエスケープは上手く行われています。

 

あと、書き忘れだと思いますが、ソースを囲う「preタグ」の中に「codeタグ」がありません。

また、Hightlight.jsは「codeタグ」のクラス名にプログラミング言語を指定することで、その言語でソースをハイライト表示できます。

例えば、Pythonでハイライト表示する場合は、こんな感じです。

<pre>
  <code class="python">
  </code>
</pre>
]]> 要望 veilnui https://wp-cocoon.com/community/demands/highlight-js%e3%81%ae%e8%a8%80%e8%aa%9e%e3%82%92%e6%8c%87%e5%ae%9a/#post-24915 RE: highlight.jsの言語を指定 https://wp-cocoon.com/community/demands/highlight-js%e3%81%ae%e8%a8%80%e8%aa%9e%e3%82%92%e6%8c%87%e5%ae%9a/#post-24913 Tue, 26 Nov 2019 15:09:38 +0000 https://veilnui.net/making-arraylist-in-csharp/

パスワードは「1234」です（半角数字）。

従来のソースとCocoonのソースを両方載せてみました。

]]> 要望 veilnui https://wp-cocoon.com/community/demands/highlight-js%e3%81%ae%e8%a8%80%e8%aa%9e%e3%82%92%e6%8c%87%e5%ae%9a/#post-24913 RE: highlight.jsの言語を指定 https://wp-cocoon.com/community/demands/highlight-js%e3%81%ae%e8%a8%80%e8%aa%9e%e3%82%92%e6%8c%87%e5%ae%9a/#post-24901 Tue, 26 Nov 2019 11:48:48 +0000 公開部分はこんな感じ。
選択した言語でラベルが表示されます。

]]> 要望 わいひら https://wp-cocoon.com/community/demands/highlight-js%e3%81%ae%e8%a8%80%e8%aa%9e%e3%82%92%e6%8c%87%e5%ae%9a/#post-24901