使用代码荧光笔显示代码

时间:2013-08-23 13:46:12

标签: php html css

我想插入一些编程代码以及教程网站等描述。

这是HTML代码的示例代码:

 $code = "
 <p>This is introduction to HTML </p>

  [code]
<html> 
<head>
    <title>This is sample descriptions</title>
</head>
<body>
    <form method='post' action='index.php'>
        <input type='text' name='username' value=''>
        <input type='password' name='password' value=''>
        <input type='submit' name='submit' value='Submit'>
    </form> 
</body> 
</html>

 [/code]
   <p> This is sample for PHP </p>
  [code]
  <?php
      echo "Hi, This is PHP";
  ?
  [/code]
  ";

   $code = mysql_real_escape_string($code);
   mysql_query("INSERT INTO tutorials SET tutorial='$code'");

显示我正在从数据库中检索内容并使用htmlspecialchars之类的,

   echo htmlspecialchars($code);

要突出显示代码,我使用google-code-prettify,要求代码位于pre标记与prettyprint类之间,

    <pre class='prettyprint'>
    echo htmlspecialchars($code);
</pre>

标签,[code][/code]替换为<pre class='prettyprint'>";</pre>之类的,

 $code = str_replace("[code]", "<pre class='prettyprint'>", $code);
 $code = str_replace("[/code]", "</pre>", $code);

当我回音时,

echo htmlspecialchars($code);

仅显示纯文本,如:

 <html> <head> <title>This is sample descriptions</title> </head> <body> <form      method='post' action='index.php'> <input type='text' name='username' value=''> <input type='password' name='password' value=''> <input type='submit' name='submit' value='Submit'> </form> </body> </html> </pre> <h5> 2. This is sample code for paragraph </h5> <pre class='prettyprint'> <html> <head> <title>This is sample

2 个答案:

答案 0 :(得分:1)

在执行替换后,您正在调用htmlspecialchars ,因此<pre>代码也会被转义(并且不会呈现为HTML)。颠倒顺序应该可以解决问题:

$code = htmlspecialchars($code);
$code = str_replace("[code]", "<pre class='prettyprint'>", $code);
$code = str_replace("[/code]", "</pre>", $code);
echo $code;

此外,请查看highlight_string以突出显示源代码。

答案 1 :(得分:0)

您的代码中也有<pre class='prettyprint'></pre>个语句。这可能会使代码无法正常工作。

您可以尝试将代码中的<>分别更改为&lt;&gt;