关于pre标签代码高亮时的问题,这个问题是在写《让wordpress文章实现标签自动生成内链seo优化》这篇文时遇到的

高亮代码正常显示是这样的

0EE89104 7630 44B0 8905 99A1D477126F HTML字符串特殊字符处理

但实际显示出来是这样的代码

2015 09 20 下午2.33.07 HTML字符串特殊字符处理

当在前台文章页面复制这些显示错误的代码使用时最终会导致无法使用 ,跑过去问了一下老赵原因,需要把a标签字符化。跑去把a标签字符化,发现显示出来的代码使用还是会有问题。于是乎就干脆把要高亮的代码用工具全部字符化,然后前台文章显示出来的代码就能正常使用了!

后来发现真正的问题,wordpress在可视化打代码编辑文章时是已经在文本里字符化了,也就是说本身是没问题的,问题出在我复制粘贴代码的过程,如果直接复制别人大段高亮的代码到可视化编辑里,那么会出显行数,但如果把代码复制到文本编辑里,代码又无法字符化,前台会出现错误,不能把那些代码一行一行的复制进去吧,太傻,

如果综合一下方法,将别人的高亮代码复制到自己的文本框,这样行数就会消失,然后再将文本里的代码,复制可视化里,最后添加pre标签,一切都正常了

 

另外一种方法就是直接把高亮代码在线转字符化,然后把字符化的代码复制到文本里回到可视化添加pre标签然后保存

在线替换地址?https://www.guxiaomo.com/qita/zf/
源码下载:http://pan.baidu.com/s/1bnwO0W3 密码:kve9

 

相关解读:HTML字符实体(Character Entities),转义字符串(Escape Sequence)

 

结:就这么一个小问题我尽然折腾了这么久