コードのハイライト表示でhighlight.jsを無効化できない。

PR 2016/6/15

このトピックには3件の返信、2人の参加者があり、最後にわいひらにより10年、 3ヶ月前に更新されました。

3件の返信スレッドを表示中

投稿者

投稿
- 2016年6月14日 11:50 AM #42403
  u
  ゲスト
  こんにちは。
  Simplicity2 childバージョン: 20151225
  Simplicity2バージョン: 2.1.6 20160502
  の組み合わせで使っています。
  
  highlight.js
  を有効化しているのですが、特定のpreブロックで無効化するために、
```
<code class="nohighlight">...
```
  のようにしても、表示するとhighlight.jsが動いています。
  
  なお、編集画面の
  [ビュジュアル]
  のモードで見るとハイライト機能は無効化されていてhighlight.jsによる修飾は効いていません。
  でもプレビューで表示するとhighlight.jsが効いてしまいます。
  私だけの症状なのかどうか分からないのですが、皆さんは起こりませんか？
  何か解決のヒントはないでしょうか？
- 2016年6月14日 4:37 PM #42417
  
  わいひら
  キーマスター
  
  codeではなくpreタグを使用してみてください
  preにクラスを追加します。
  Simplicityでソースコードをハイライト表示する方法
  
  それでもうまくいかない場合は出来れば、実際に不具合が出ているページのURLを掲載していただけると状態がすぐわかるので助かります。
- 2016年6月14日 7:43 PM #42421
  
  u
  ゲスト
  
  わいひらさん、
  回答ありがとうございました。
  preにclass=”nohighlight”を追加したら、無事にハイライト機能を停止できました。
  助かりました。
  不思議なのですが、今回、本家のサイトを見て、
  https://highlightjs.org/usage/
  ハイライトさせないなら以下のように記述すると良いと書いてあるので、
  ＜pre＞＜code class=”nohighlight”＞…＜/code＞＜/pre＞
  
  このようにやってみたのですが、ハイライトされてしまいました。
  兎に角、解決してスッキリしました。
- 2016年6月15日 7:05 PM #42468
  
  わいひら
  キーマスター
  
  解説ページにも書いてあるのですが、Simplicityのデフォルト設定では「.entry-content pre」のCSSセレクタに対してハイライト表示させています。
  codeには、ハイライト表示を割り当ててないので、変化しないようになっています。
投稿者

投稿

3件の返信スレッドを表示中

トピック「コードのハイライト表示でhighlight.jsを無効化できない。」には新しい返信をつけることはできません。