ブログにHTMLを表示する方法を修正 [HTML]
よく見たら、いつのまにか、HTMLを表示するプログラムSyntaxHighlghterが正常に動作していないようなので、highlight.js に乗り換えた。
具体的には、テンプレートページに下記を記入。
記事ページには、下記のように記入すれば表示される。
'html'の部分は言語に合わせて書き換える。
HTMLで意味を持つ以下の記号は文字参照で書く必要がある。
& (&)
" (")
' (')
< (<)
> (>)
詳細はこちら。
これまでに使っていた記事も書き換えなければ。。。
具体的には、テンプレートページに下記を記入。
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.1/styles/default.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.1/highlight.min.js">
</script>
<script>
hljs.initHighlightingOnLoad();
</script>
記事ページには、下記のように記入すれば表示される。
'html'の部分は言語に合わせて書き換える。
<pre>
<code class='html'>
htmlのソースコード
</code>
</pre>
HTMLで意味を持つ以下の記号は文字参照で書く必要がある。
& (&)
" (")
' (')
< (<)
> (>)
詳細はこちら。
これまでに使っていた記事も書き換えなければ。。。
コメント 0