HTMLエスケープ

投稿日:2016/02/15 / 更新日:2016/02/15

プログラムの解説記事などの本文中で、コードを表示したい時がありますよね。これらのコードをHTMLとして認識されないようにエスケープしてくれるショートコードを紹介します。

コード

下記を、お使いのテーマのfunctions.phpに追加して下さい。fireが関数名で、doがショートコード名です。自身の環境に合わせて変更して下さいね。

function fire( $args=array(), $content="" ) {
	return htmlspecialchars( $content, ENT_QUOTES, "UTF-8" ) ;
}
add_shortcode( "do", "fire" ) ;

本文で次のように利用できます。ショートコードで囲んだ部分の文字列がHTMLエスケープされ、HTMLとしてではなく、文字列としてブラウザに表示されます。タグのコードを表示したい場合などにご利用下さいね。

画像を表示するには、[do]<img>[/do]タグを使いましょう！

ショートコードがどのように動くのか、HTML(WordPressでいう本文)を編集して試してみましょう。

<p>画像を表示するには[do]<img>[/do]を使います。</p> <p>画像を表示するには<img>を使います。</p>

function fire( $args=array(), $content="" ) { return htmlspecialchars( $content, ENT_QUOTES, "UTF-8" ) ; } add_shortcode( "do", "fire" ) ;