wordpress使用pre标签来显示你的HTML
来源:互联网 发布:编程入门书籍推荐 编辑:程序博客网 时间:2024/06/05 01:17
我们在使用wordpress建立自己的博客时,经常需要对我们的代码进行高亮处理,当然我们可以使用插件来实现,例如以下几款插件:
- wordpress代码高亮插件:WP Code Highlight
- SyntaxHighlighter Evolved
- wp-syntax
当然我们有时候很不喜欢用插件,毕竟插件还是影响了wordpress的性能,那我们就用代码来实现:
在我们主题的functions.php文件添加如下代码:
add_filter( 'the_content', 'pre_content_filter', 0 );/** * 转换pre标签中的html代码 * * 使用'the_content'钩子. * * @author c.bavota */function pre_content_filter( $content ) {return preg_replace_callback( '|<pre.*>(.*)</pre|isU' , 'convert_pre_entities', $content );}function convert_pre_entities( $matches ) {return str_replace( $matches[1], htmlentities( $matches[1] ), $matches[0] );}
然后我们新建文章添加如下代码:
<pre>
<!DOCTYPE HTML>
<html>
<head>
<meta charset=”UTF-8″>
</head>
<body>
Test html.
</body>
</html>
</pre>
最终效果如下图:
来自:wordpress使用pre标签来显示你的HTML(http://www.54ux.com/a-1661.html)
- wordpress使用pre标签来显示你的HTML
- 【Html】使用<pre>标签为你的网页加入大段代码
- pre 标签的使用
- HTML用来显示计算机代码的标签 pre 预定义格式标签
- HTML+CSS基础 pre标签编辑的时候什么格式,显示的时候就什么格式
- HTML <pre> 标签
- html <code> <pre>标签
- HTML <pre>标签
- HTML中的<pre>标签
- 你可以使用HTML Meta标签来做…
- <pre标签使用注意的地方
- 使用<pre>标签为你的网页加入大段代码
- HTML中<pre>标签介绍
- 关于html中的<pre>标签
- Wordpress条件标签的使用
- <pre>标签为你的网页加入大段代码
- HTML快速入门8——HTML分隔符,一般语法,PRE标签,特殊字符显示
- HTML学习---------1.14 在文本中插入一行或多行代码使用的标签<code> <pre>
- U盘安装Mac OS X 10.8.3 - OS X 10.9
- 栈的总结
- Mybatis3.2.1使用例二:Mapper方式集成Spring、注解提供SQL
- 提交App 教程
- 9周项目一
- wordpress使用pre标签来显示你的HTML
- POJ 1811 Prime Test
- Shell编程
- 源码剖析之sun.misc.Unsafe
- poj-3184-滚动数组dp
- Android技术框架概要
- win7引导ubuntu
- Service的使用一
- sync,fsync,fdatasync,fflush