如何在<pre><code>?</code></pre>中显示HTML标记

时间:2014-07-10 17:27:18

标签: php angularjs html-escape-characters

我正在编写一个博客系统,这会将markdown文件转换为HTML作为已发布的文章。

当我的降价文件包含类似的内容时,我遇到了一些问题。

### ng-init

    <html ng-app>
        <body ng-init="customers=['Cust01', 'Cust02', 'Cust03']">
        </body>
    </html>

解析降价后,我尝试显示博客,这就是结果。

enter image description here

  

当然我希望显示整个HTML标记集,就像我可以在stackoverflow.com上显示它们一样

当我显示源时,它看起来像这样。

<pre><code>
  <html ng-app>
    <body ng-init="customers=['Cust01', 'Cust02', 'Cust03']">
    </body>
</html>
</code></pre>

但是,如果我取出markdown解析器的原始选项,博客将显示类似的内容。

enter image description here

我可以对<pre><code>标记内的所有内容有例外吗?请指导如何解决此问题。

已编辑这是我的愿望结果。

NG-INIT

<html ng-app>
    <body ng-init="customers=['Cust01', 'Cust02', 'Cust03']">
    </body>
</html>

我希望 ng-init 显示为标题3,HTML部分显示为代码块

0 个答案:

没有答案