程序员

CKEditor 取消转义的两种方法

作者:admin 2021-04-09 我要评论

话说程序员的博客总是用到SyntaxHighlighter之类的来在pre标签里贴一堆代码。于是因为装了CKEditor for WordPress就一直觉得很讨厌,在HTML标签里写下一些代码,...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

话说程序员的博客总是用到SyntaxHighlighter之类的来在pre标签里贴一堆代码。于是因为装了CKEditor for WordPress就一直觉得很讨厌,在HTML标签里写下一些代码,到了Visual里就被转义了。比如>和<就变成了&gt;&lt;虾米虾米的。话说今天心血来潮去Google了一下,CKEditor的设置文档里还真的有相关的设置,请围观这里!

配置ckeditor插件目录下的ckeditor.config.js文件,加入下面这行。

复制代码 代码如下:
config.entities = false;

不过这样比较暴力,所有的内容都不转义了,有没人有担心。于是在这里查到还有另外一种办法(如下),用正则筛选要保护的代码。这样对数据来说是很不错,不过有个缺点,在ckeditor所见即所得模式里看不见被保护的内容,这个就看你自己的取舍了。

复制代码 代码如下:
config.protectedSource.push(/<pre[\s\S]*?pre>/g);

貌似我还是倾向于用前者~ 在所见即所得标签里黏贴的内容还是都会转义的,只是HTML过来的内容都不转义了,貌似不错。独立博客真是要折腾啊 = =  怪辛苦的……


本文转载自网络,原文链接:https://m.jb51.net/article/42132.htm

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 四两拨千斤——你不知道的VScode编码Ty

    四两拨千斤——你不知道的VScode编码Ty

  • 我是如何在 Vue 项目中做代码分割的

    我是如何在 Vue 项目中做代码分割的

  • position:sticky 粘性定位的几种巧妙应

    position:sticky 粘性定位的几种巧妙应

  • 从零到一搭建React组件库

    从零到一搭建React组件库

腾讯云代理商
精彩导读
海外云服务器
热门资讯
腾讯云代理商