文章中にソースコードを埋め込んで、表示したい場合が良くあります。
インターネット上を検索すると、良く使われる部品がいくつか見つかります。
上から２つが良く使われているようです。
私は最初、シンプルなもので良かったので、highlight.js を使っていました。
その後、TinyMCE のプラグイン codesample で、Prism が使われていたので、
Prism で統一することにしました。
なお、TinyMCE 側は、プラグインでの設定になります。
それとは別に、表示（プレビュー）側では別の設定になります。
◆ Prism のダウンロードと設定
ダウンロードが大事で、必要な項目だけ自分で選択する必要があります。
私は、java だけ追加しました。
テーマは個人のお好みでどうぞ。
(TinyMCE側のテーマは default のようです)
テーマ：Okaidia
言語： + java
prism.js と prism.css をダウンロードして、組み込むだけです。
下は js/prism フォルダを作って置いた時の例です。
<link rel="stylesheet" href="js/prism/prism.css">
<link href="my-styles.css" rel="stylesheet" type="text/css" />| « 前頁 | 次頁 » |