Archive for the ‘SyntaxHighlighter Evolved’ tag

コードをそのままサイト上に表示できるワードプレスのプラグイン   no comments


SyntaxHighlighter EvolvedというWordPress用のプラグインが便利。
SyntaxHighlighter Evolvedのダウンロードサイト

HTMLやCSS、その他プログラミング言語のコードをサイト上で表示させたい場合、いろいろと不便な事が起きる。
例えば、HTMLでタグをそのまま本文に掲載したいのに、本来のタグの用途で使われていると解釈されてしまう。
結果、タグそのものは表示されず、サイト自体の表示が意図せずおかしくなってしまったりする。
だが、このプラグインを使うと、簡単に表示させることができる。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無題ドキュメント</title>
</head>

<body>
ああああああああああああ
</body>
</html>

実際に上記のように、表示させるには、以下のように書く。
code

languageと書いた後に=があって、その後にXHTMLとなっている。
XHTLの部分を変えれば、いろんな種類のコードにも対応できるようになっている。
下記参照。

actionscript3
bash
clojure
coldfusion
cpp
csharp
css
delphi
erlang
fsharp
diff
groovy
html
javascript
java
javafx
matlab (keywords only)
objc
perl
php
text
powershell
python
r
ruby
scala
sql
vb
xml

大変便利です。

Written by admin on 7月 28th, 2013

Tagged with , ,