<pre>コード(2) google-code-prettify

2010.02.21

便利なプラグインgoogle-code-prettifyについてのメモです。

google-code-prettifyからzipを解凍しwp-content/pluginsにアップロードします。
header.phpの<head>〜</head>の間に

<script type=”text/javascript” src=”<?php print get_bloginfo(’url’) ?>
/wp-content/themes/flup/js/prettify.js”>
</script>

上記のJavascriptをいれます。
あとは<pre class=”prettyprint”></pre>で囲むだけです。<や>は&lt;・&gt;と表示する必要があります。ただし、改行は<br />を書かなくても自動的に改行されます。
あとはプラグインのgoogle-code-prettifyの画面からタグのカラーを変更することができます。

【Wordpress/plugin】Google Code Prettify for wordpress(プログラムコードハイライトプラグイン)

  1. 1
    komagata より:

    <や>はタグとして処理されちゃうので普通には書けないですよね。
    htmlでは文字参照という仕組みがあって、特別な書き方をすることでそういった記号を表現できます。

    「&lt;」は < 記号を表現する。
    「&gt;」は > 記号を表現する。
    「&amp;」は & 記号を表現する。
    「&quot;」は ” 記号を表現する。

    HTML 4.01仕様書 5.3.2 文字実体参照
    http://www.asahi-net.or.jp/~sd5a-ucd/rec-html40…

  2. 2
    yumekauemura より:

    いつも思いながら半角を使って書いていたのですが、
    タグを書くときに>や"も「&」や「"」を使って書いたほうがいいのでしょうか?

  3. 3
    milkcocoa より:

    My comments are fogotten and thrown away. orz
    http://docs.yumeka.org/diary/202.html#comment-3…

  4. 4
    komagata より:

    文字参照で書くと、「タグ」ではなく「表示したい文字としての<>」と解釈されてしまいます。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <img localsrc="" alt="">