博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CKEditor4 自動清除內容標籤問題的解決方法
阅读量:6972 次
发布时间:2019-06-27

本文共 1049 字,大约阅读时间需要 3 分钟。

hot3.png

 在CKEditor中我們經由配置檔Config.js,可以依照自己的需求去自定編輯器的工具,如下圖: 而在CKEditor中CKEDITOR.editor.filter會過濾掉一些沒開放功能的內容,舉例來說:上面這編輯器並沒有開放iframe這功能,但倘若我想要貼上youtube分享的嵌入連結,就是由方式嵌入的,youtube嵌入的Code如下:<iframe width="560" height="315" src="//www.youtube.com/embed/9ATcxIOeDiY" frameborder="0" allowfullscreen="">我們開啟原始碼的編輯模式,貼上這一段code,做嵌入影片的動作後,在切換回所見即所得編輯方式的同時CKEDITOR.editor.filter就會過濾掉一些沒開放功能的內容,如上圖沒開放的iframe工具,如此我們因為沒有開放iframe工具就沒有辦法貼入youtube的iframe嵌入碼,其實這很合理,某些時候是一種很棒的限制內容功能,不過有些時候這或許並不是我們想要的,我們可能希望可以在不提供iframe的工具下,用原始碼貼上的方式貼入youtube的iframe,為解決這問題CKEditor也提供了2個解決方法: 

方法一、 config.allowedContent=true; 把allowedContent設定為true就是吧CKEDITOR.editor.filter這功能關閉,不去過濾內容,這方式不只針對iframe而是所有不開放功能都不會再被過濾了,雖然很方便,但少了一層的限制或許會擔心安全性的問題,所以我們還有第二種方法可選擇。 

方法二、 CKEDITOR.editor.filter仍然運作,但允許開放部份不支援功能, config.allowedContent=false; config.extraAllowedContent='iframe'; 便只允許iframe的操作,若允許的工具有多項就用空格分隔,如下 config.extraAllowedContent='b i iframe';

转载于:https://my.oschina.net/cwzhang/blog/423775

你可能感兴趣的文章
FTP相关、用vsftpd搭建ftp、xshell使用xftp传输文件、使用pure-ftpd搭建ftp服务
查看>>
VI/VIM 编辑器
查看>>
PHPGrid 1.4.8 发布,PHP 的 CRUD 框架
查看>>
HNOI 2002 营业额统计(Splay入门)
查看>>
Python面向对象关系
查看>>
OpenCV学习(2)--基本数据结构
查看>>
PCIE错误分析
查看>>
linux服务器开发并发模型
查看>>
YYHS-Floor it(递推+矩阵乘法+快速幂)
查看>>
redis安装
查看>>
da面板修改SSH端口号
查看>>
python基础语法学习
查看>>
nginx+ssl 服务器 双向认证
查看>>
【2018】ios app真机调试到上架App Store完整教程
查看>>
ajax文件上传
查看>>
ztree树形菜单
查看>>
(一)Model的产生及处理
查看>>
A value is trying to be set on a copy of a slice from a DataFrame.
查看>>
leetcode12_C++整数转罗马数字
查看>>
网页自动登录,自动填充表单代码
查看>>