blog.knym.net | I'm searching something to change my life.

wordpressでsyntax hilight

markdownでコードを入力するとき横にスペースを4つインデントでつけなければいけないんだけど、それがえらい手間暇かかるしレイアウトも崩れるので、いまさらながらsyntax hilightしてくれるpluginを導入しました。


it : ソースコードをハイライトしてくれるwordpressのプラグインがよくまとまってて、
一緒のSyntaxHighlighter Plusをインストールしました。


[code language="php"]echo 'Hello! world!';[/code ]  


っていう記述でlanguageのところにはファイルの拡張子を入れとけば問題ない感じ。


WP - AddQuicktagをつかって、以下のようにやると楽です。


quick tag setting


って、思ったら、一行だと左のアイコンが邪魔くさい。
1 line code to use <a onclick=syntax hilighter plus" />


なので、結局、SyntaxHighlighter Evolvedにした。


理由は左のアイコン表示の切り替えなど、細かく設定できるようになってたから。


syntax hilight のthemeはいくつか選べて、emacsがかっこいいなって思ったけど、白背景だとかなり全体からコード部分が浮いて見えるので普通にdefaultにしときました。


あとは、[WordPress]SyntaxHighlighterのActionScript対応 | modoki.orgのとおりにしてactionscriptに対応。


あと追加したjsの登録の仕方が変わってたみたいで、


wp_register_script( 'syntaxhighlighter-brush-as',        plugins_url('/syntaxhighlighter/syntaxhighlighter/scripts/shBrushAS3.js'),        array('syntaxhighlighter-core'), $this->agshver );


というように追加するといいっぽい。


ちなみにコードをコピペするとき行番号がはいってうざいってとき、firefoxだとそうなるみたいなので、google chromeを使うといいですよ。

Related Posts

Write a Comment

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

 

Essentials

Meta

Pages

Categories