使用 Markdown 进行 Google 代码美化不起作用

Question

Google Code Prettify 工作正常，但是当我使用 Markdown 内容并显示数据库中的内容时，Prettify 无法正常工作 (link of live result)。

这就是我正在做的：

• 获取内容

  <textarea name="article_content" id="wmd-input" class="wmd-panel"></textarea>

• 然后在之后存储输出（我用的是PDO）

  Markdown($_POST['article_content'])

但是结果，我在代码部分写的部分如果我不使用 Markdown 可以正常工作，但是当我从 textarea 中获取内容并使用 Markdown 时，它就不起作用了。

Answer 1

查看 HTML 代码。您错过了 pre 标签上的 class="prettyprint"。

<pre><code>try {
    $db-&gt;beginTransaction();

    $db-&gt;exec("SOME QUERY");

    $stmt = $db-&gt;prepare("SOME OTHER QUERY?");
    $stmt-&gt;execute(array($value));

    $stmt = $db-&gt;prepare("YET ANOTHER QUERY??");
    $stmt-&gt;execute(array($value2, $value3));

    $db-&gt;commit();
} catch(PDOException $ex) {
    //Something went wrong rollback!
    $db-&gt;rollBack();
    echo $ex-&gt;getMessage();
}
</code></pre>

应该是

<pre class="prettyprint"><code>try {
    $db-&gt;beginTransaction();

    $db-&gt;exec("SOME QUERY");

    $stmt = $db-&gt;prepare("SOME OTHER QUERY?");
    $stmt-&gt;execute(array($value));

    $stmt = $db-&gt;prepare("YET ANOTHER QUERY??");
    $stmt-&gt;execute(array($value2, $value3));

    $db-&gt;commit();
} catch(PDOException $ex) {
    //Something went wrong rollback!
    $db-&gt;rollBack();
    echo $ex-&gt;getMessage();
}
</code></pre>

要解决自动生成<pre>的问题，你可以试试这个：

$newcontent = str_replace('<pre>', '<pre class="prettyprint">', $_POST['article_content']);

Answer 2

对于自动生成的<pre>，您也可以使用：

$('pre').addClass('prettyprint');