ckeditor源码编辑模式，添加style、javascript内容丢失的解决

最新推荐文章于 2023-11-17 17:25:11 发布
原创 最新推荐文章于 2023-11-17 17:25:11 发布 · 5.9k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一个关于 CKEditor 编辑器的问题：在使用源码编辑模式时，javascript 和 style 标签在保存后无法正常显示。文章提供了解决方案，即通过设置 allowedContent 为 true 来允许这些标签。
  1. 我使用ckeditor 我在编辑的使用源码编辑，保存内容包含javascript、style标签的时候，数据库中有javascript、style标签 ，
  2. 输入到页面也可以执行，但是我再次编辑的时候就不见了。添加allowedContent: true就可以了
  3. CKEDITOR.replace( 'textarea_id', { allowedContent: true});
  4. 也可以通过在config.js中添加config.allowedContent = true;实现 
经过ckeditor5编辑器所有标签样式全部被清除了
m0_67475286的博客
05-23 1218
配置config.htmlSupport，allow里面设置允许所有标签元素的样式、属性，保证不被编辑器过滤掉。给编辑器赋值的时候传的明明是带着内联样式的元素一块传的，结果经过编辑器后内联样式被清空了。原因：经过ckeditor编辑器的标签内的属性、类、样式等会被编辑器给过滤掉。安装@ckeditor/ckeditor5-html-support包。解决方法：引入GeneralHtmlSupport插件。
ckeditor源码
12-06
ckeditor源码，包括配置文件，使用举例
ckeditor4源码（2017年最新版）
02-06
截止2018年1月1号最新的ckeditor4源码，17.6M大小，非常值得研究和学习。特别是想扩展它的插件。
ckeditor4源代码（非压缩版）
05-26
找了半天才找到源代码，5.7M，非常值得学习和借鉴
ckeditor 源码概述
{ focus : web }
07-19 940
ckeditor是目前各个浏览器间比较统一的富文本编辑器，相对于 yui2 editor ,其更注重兼容性问题，花了很大力气实现了等价于  w3c range 的功能，并且完全不采用  document.execCommand 这一浏览器的原生功能（兼容性问题严重），仅仅依赖dom操作来分隔节点与插入格式化标签到对应位置。 源码概述： 通过引入...
phpcmsV9 完整更新ckeditor编辑器到最新版 - 源码篇
草巾冒小子的博客
12-21 3616
phpcmsV9 默认编辑器是ckeditor，但是版本低，使用效果低。 本文 重点解决问题： 更新ckeditor默认编辑器到最新版。 phpcms当前版本 : V9.6.3 . 现在将我更换编辑器到CKeditor 4.8的详细步骤方法分享一下 基本上都是从网上搜索整理并且自己尝试成功的 注意 ： 哪些文件需要修改？ statics/js/ckeditor/config.js （先替换...
基于JavaScript的elfinder与ckeditor整合案例源码
09-24
该项目为一个基于JavaScript技术开发的案例，专注于解决Web应用场景中富文本编辑和文件管理的需求。在这个项目中，开发者成功将elfinder文件管理器与ckeditor编辑器进行整合。elfinder作为一个功能强大的文件管理器...
ckeditor公式编辑器插件源码
01-05
总的来说，"ckeditor公式编辑器插件源码"为需要在网页中插入和编辑数学公式的用户提供了一套便捷的解决方案，它结合了CKEditor的强大文本编辑功能和MathJax的高效公式渲染技术，使得在Web环境下处理数学公式变得简单...
javascript获取ckeditor编辑器的值(实现代码)
10-26
其中，CKEditor的实例对象和其方法允许开发者通过JavaScript来获取编辑器中的内容，这对于实现表单验证等功能至关重要。 本文将重点介绍如何使用JavaScript从CKEditor编辑器中获取内容值，以及如何将获取的值用于...
(源码)基于CKEditor 5框架的富文本编辑器系统.zip
最新发布
04-11
# 基于CKEditor 5框架的富文本编辑器系统 ## 项目简介 本项目是基于CKEditor 5框架开发的富文本编辑器系统，名为“cdkeditor5”。它提供了强大的文档编辑功能，支持导入Word文档，方便用户在编辑器中对内容进行修改...
php 修改css 不生效,CSS list-style 设置无效的解决办法
weixin_32818919的博客
03-09 795
问题描述：通过设置ul的list-style:square属性不生效。*{padding: 0; margin: 0;}ul{ list-style: none; }ul.one{ list-style: square; }ul.two{ list-style: circle; }123aaaabbbbcccc可以看到，我们虽然设置了ul.one{ list-style: square; } u...
CKEditor内容丢失解决方法 && My97DatePicker插件格式化
colddemon的博客
07-27 564
一、使用jQueryForm ajax提交表单的时候发现CKEditor编辑器的内容总是丢失，是ajax提交的时候ckeditor没及时更新相关字段属性，只要在提交前手动更新一下就可以了，方法如下： 在校验表单的js方法中添加如下操作： [code="java"] for (instance in CKEDITOR.instances) CKEDITOR.ins...
关于ckeditor添加的class都会被清除掉的问题
weixin_30396699的博客
03-12 507
在源码中输入ul，并且带有class，然后点击源码，到可视化界面 结果显示为aaa，再点看源码，查看HTML源代码 解决方法： 添加配置 config.allowedContent = true这个配置是关闭过滤内容的设置。也可以通过 config.extraAllowedContent = 'div(*)';来扩展过滤属性和标签参考资料：http://stackoverfl...
ckeditor配置与个性定制、属性、上传个人总结 转
weixin_34281477的博客
05-24 295
转自http://www.prohy.cn/ " 这一段时间把自己网站编辑器由fckeditor升级成了ckeditor，顿时感觉焕然一新。 下面把我的经验分享一下： 总的来说，ckeditor的使用比fckeditor一样简单，不需要很复杂的设置 1、下载了完整的程序之后，先要对程序中的不必要的东西进行删除。凡是文...
关于ckeditor过滤掉html样式标签之我见
weixin_30781775的博客
03-24 1264
1.CKEDITOR编辑器属性可以通过修改/ckeditor/config.js文件来控制 //标签过滤默认是开启的，默认会过了<style>样式标签设置为true可关闭过滤config.allowedContent=true;//关闭标签过滤， 2.也可以在使用时单独使用 CKEDITOR.replace('XXX',{allowedContent: true}); 转载于:...
ckeditor4去掉超链接
lbchenxy的博客
08-20 354
ckeditor4去掉超链接完美结局，已使用 完美结局，已使用
定制ckeditor5接入，支持字体颜色、字体大小
lesnsnsn的博客
11-17 1718
缘由：直接使用进行安装的是经典版无法修改字体颜色与字体大小等，所以这篇文章记录一下可以修改字体颜色的ckeditor5的接入。大体思路为：1.去ckeditor5官网定制你想要的基础配置2.将下载的富文本制定配置 解压放在任何位置3.进入解压后的文件夹，上传自己的npm4.在项目中使用安装，xxx为你上传npm时自定义的名称5.在项目里import引入并使用
CKEditor 5 编辑器 span 标签被合并问题
m0_73218157的博客
12-03 441
CKEditor 5 编辑器 span 标签被合并问题
CKeditor配置
William-A
02-10 786
文件上传 下载PHP上传代码文件”imgupload.php”; 把下载的 imgupload.php 文件移动到 ckeditor/plugins/image/ 里; 修改 imgupload.php 里的 $upload_dir 为项目完整上传图片路径，如项目 test ，则改为 /test/uploads/ckeditor/; 最好紧接着 $upload_dir 下一行判断创建目录:if( !
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值