SSブログ

ブログにHTMLを表示する方法を修正 [HTML]

よく見たら、いつのまにか、HTMLを表示するプログラムSyntaxHighlghterが正常に動作していないようなので、highlight.js に乗り換えた。

具体的には、テンプレートページに下記を記入。

<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で意味を持つ以下の記号は文字参照で書く必要がある。
& (&amp;)
" (&quot;)
' (&apos;)
< (&lt;)
> (&gt;)

詳細はこちら

これまでに使っていた記事も書き換えなければ。。。
nice!(0)  コメント(0) 
共通テーマ:パソコン・インターネット

nice! 0

コメント 0

コメントを書く

お名前:
URL:
コメント:
画像認証:
下の画像に表示されている文字を入力してください。

※ブログオーナーが承認したコメントのみ表示されます。

この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。