WordPress教程

WordPress编辑器切换自动转义实体符号

阿里云

相信不少使用 WordPress 撰文的站长是直接使用 HTML 编辑器的,清枫就是如此,因为可视化格式的东西太多,有时候无法忍受,总之,各有利弊。缙哥哥在使用 HTML 编辑器编辑时遇到的最大的问题就是高亮代码里的<和>总是会因为没有转义而使得文章排版错乱,今天在网上浏览各种教程的时候看到了自动转义的方法,遂分享给大家。

转换至实体的符号:<、>、&

也想出现在这里?联系我们
创客主机

支持的标签:<pre><code>,用到的函数:htmlspecialchars()此函数把一些预定义的字符转换为 HTML 实体。将以下代码扔到 functions.php,记得把 6、7、8 行的空格去掉。

  1. function escapeCE($arr) {
  2. if (version_compare(PHP_VERSION, ‘5.2.3’) >= 0) { //所需PHP版本
  3. $output = htmlspecialchars($arr[2], ENT_NOQUOTES, get_bloginfo(‘charset’), false);
  4. } else {
  5. $needTo = array( //定义需要转换的标签
  6. &=>&,
  7. <=><,
  8. >=>>
  9. );
  10. $data = htmlspecialchars_decode($arr[2]);
  11. $output = strtr($data, $needTo);
  12. }
  13. if (! empty($output)) { //如果有实体符号则进行替换
  14. return $arr[1] . $output . $arr[3];
  15. } else {
  16. return $arr[1] . $arr[2] . $arr[3];
  17. }
  18. }
  19. function replaceCE($data) { //匹配需要转换实体的标签
  20. $replaceTag = preg_replace_callback(@(<pre.*>)(.*)(
  21.  
  22. )@isU’, ‘escapeCE’, $data);
  23. $replaceTag = preg_replace_callback(@(<code.*>)(.*)()@isU’, ‘escapeCE’, $replaceTag);
  24. return $replaceTag;
  25. }
  26. add_filter( ‘content_save_pre’, ‘replaceCE’, 9 ); //通过wordpress的add_filter来挂钩
  27. add_filter( ‘excerpt_save_pre’, ‘replaceCE’, 9 ); //支持摘要格式

当然,我们已经将这串代码已经放到主题里了,麻麻再也不用担心我码错代码了!
PS 一句:如果代码中含有<pre>或者<code>标签,还是需要手动转义,切记,切记!

WordPress 编辑器切换自动转义实体符号

已有 479 人购买
查看演示升级 VIP立刻购买

收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!