芒果小站

  1. 全球最具业界良心的主机 - DigitalOcean

    毫无疑问,目前做得最好的主机供应商

    猛击这里查看

  2. 芒果小站目前使用的主机 - DigitalOcean

    客服响应快,随时退款,XEN 架构稳定

    猛击这里查看

  3. 最好的日本东京线路主机 - DigitalOcean

    可选弗里蒙特、达拉斯、亚特兰大、纽瓦克、伦敦、东京机房

    猛击这里查看

  • 1
  • 2
  • 3
切换到精简模式
10

防止 WordPress 解释 HTML 标签

作者 芒果/分类 教程/发布于 2009-02-17 21:18

芒果在发表日志时,遇到需要在文中展示 HTML 和 PHP 等代码的情况,却发现在 WordPress 的 HTML 编辑器模式下输入 例如

<html><head><title></title></head><body></body></html>

的时候,发布文章后不能正常显示。

而在可视化编辑器模式下,输入 HTML 代码确是正常显示的,经过对可视化模式和 HTML 模式的代码分析得出,如果 HTML 模式下输入 “<” “>” 是会被 WordPress 解释执行的。

因为芒果的代码显示用的是帕兰的方法,以标签对

<pre><code></code></pre>

来控制文章中的代码显示。那么如果需要插入代码,只需在 HTML 编辑器模式下,将 “<” “>” 分别用 “&lt;” “&gt;” 代替。

版权所有,转载请注明出处。
转载自 <a href="http://mangguo.org/prevent-wordpress-explain-html-tag/" title="防止 WordPress 解释 HTML 标签" rel="bookmark">防止 WordPress 解释 HTML 标签 | 芒果小站</a>
如果喜欢这篇文章,欢迎订阅芒果小站以获得最新内容。

已经有 10 条群众意见

  1. zhangwenbin /2009-02-19 23:25

    这种方法似乎很麻烦,我还是想通过一些插件解决,而且我想显示高亮。 回应

    #1
  2. lomo /2009-07-26 03:03

    你好,请问您的 WordPress 日志里显示代码是如何实现的?就比如您这篇文章,显示实例代码是如何实现的啊?能不能分享下?期待你的答复! 回应

    #2
  3. 芒果lomo/2009-07-26 09:21

    编辑器切换到 HTML 模式,”< " ">” 分别用 “&lt;” “&gt;” 替换即可。 回应

    #3
  4. lomo /2009-07-26 17:25

    谢谢!非常感谢! 回应

    #4
  5. lomo /2009-07-26 17:30

    我的意思是,如何实现的显示代码时是在一个 “code” 框框里实现的?就像你这篇文章。 回应

    #5
  6. 芒果lomo/2009-07-26 19:22

    通过 CSS 为 code 标记设定相应的背景图片。
    代码示例:code{background:url(image.gif) 0 0 no-repeat;} 回应

    #6
  7. lomo /2009-07-26 22:03

    为什么在编辑器里 html 模式下用 code 标记,可是发布后就 code 标签带标签里内容一起消失了啊? 回应

    #7
  8. 芒果lomo/2009-07-26 23:13

    文章里说得很清楚:在 HTML 编辑器模式下,将 “< " ">” 分别用 “&lt;” “&gt;” 代替。 回应

    #8
  9. lomo /2009-07-27 17:39

    非常感谢! 回应

    #9
  10. 孤风独影 /2011-03-20 12:53

    这样是不是太麻烦了点,我还是决定装个插件! 回应

    #10

下面我简单说几句