現在、ユーザーがソース コードの例を含むテキストを投稿できる Web サイトに取り組んでいます。
ここのstackoverflowに少し似ています。javascript と php と jquery と css と他の多くの言語を入力することができ、それらはページ上で強調表示されます! :)
このような:
<?php echo "Hello friends";?>
可能な限り最善の方法でそれを行うにはどうすればよいですか?
現在、ユーザーがソース コードの例を含むテキストを投稿できる Web サイトに取り組んでいます。
ここのstackoverflowに少し似ています。javascript と php と jquery と css と他の多くの言語を入力することができ、それらはページ上で強調表示されます! :)
このような:
<?php echo "Hello friends";?>
可能な限り最善の方法でそれを行うにはどうすればよいですか?
Highlight.jsを探していると思います。試してみてください。セットアップと使用はかなり簡単です。
基本的な使い方
ページからライブラリとスタイルシートをリンクし、強調表示をページ読み込みイベントにフックします。
<link rel="stylesheet" href="styles/default.css">
<script src="highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
これにより、 としてマークアップされたページ上のすべてのコードが強調表示され
<pre><code> .. </code></pre>
ます。
このプロジェクトをご覧ください:https ://github.com/igorpan/PHPygmentizator
これは、 Pygmentsを使用してさまざまな言語を強調表示し、さまざまなスタイルをサポートするPHPライブラリです。
phpのhtmlsafeを使用する
http://php.net/manual/en/function.htmlspecialchars.php
<?php
$new = htmlspecialchars("<a href='test'>Test</a>", ENT_QUOTES);
echo $new; // <a href='test'>Test</a>
?>
(頭から離れて、どのフラグを思い出せませんが、ブラウザで正しくレンダリングされる安全なASCIIバージョンを出力するフラグがあります)次に、ブートストラップコードクラス http://twitter.github.com/bootstrap/base-cssを使用します。 .html#code