相信很多人用PHP版的ckeditor是不是经常会遇到空格 全变成问号的情况(如图)。
录入进去的是 ,utf-8编码,但用ckeditor读入内容时,在编辑器里显示的却是个黑点问号,切换到源码,竟是一个小方框,这问题啊,真是折腾死人了。。。
我们总归咎于ckeditor的原因,更新了ckeditor还是一样。
其实还是编码的原因,解决方法如下——
方法1:修改ckeditor/config.js
所有的情况都出现在有空格 的地方,而ckeditor对于空行是自动添加段落标记"<p></p>"的,而如果这一行里没有内容的话,又自动在里面添加” “,所以可以控制ckeditor不让它自动添加“nbsp”,在config.js里加上语句“config.fillEmptyBlocks=false;”(如图)。
另外也有可以控制ckeditor让它不自动添加段落标记的,这个自己百度研究。
(本方法不是最佳之选,毕竟编辑时还是需要用到空格键来修饰段落的。)
方法2:
传递给ckeditor的这个$content要先替换一下内容,把“&”转为"&",即:str_replace(" ","&nbsp;",$content);”这样也可以让ckeditor正常显示,也可以随意录入空格符。
方法3:从根源上解决
之所以在切换到源码时看到一个个小方框,原因是转换时编码不对。
我们平时都把内容先用html_entity_decode转一下再传给ckeditor,一般会这样写“html_entity_decode($content)”,html_entity_decode默认编码是ISO-8859-1,而我们数据库存的数码的编码通常是utf8(至少也不会用到ISO-8859-1这种编码),所以我们在转换时要把html_entity_decode写完整:html_entity_decode($content,ENT_COMPAT,"UTF-8"),中间的ENT_COMPAT也是html_entity_decode默认值,因为要写第三个参数,所以第二个参数也必须带上,详细自己查看html_entity_decode的详细说明。
希望能帮助到遇到同样问题的亲们,感激就赞一个吧!
相关推荐
ckeditor5 v23,全工具版,下载配置了ckfinder,因考虑版权没有该文件,如果要实现下载功能,请将ckfinder以"ckfinder”为名命名文件夹放置在网站根目录,编辑器网页示例文件为ckeditor5-23.0.0\packages\ckeditor5-...
ckeditor5-v30 全工具版 ,基本将免费的工具备齐了,源文件,可自行修改重新打包,node_modules 文件夹为包文件,该文件夹容量较大,在实际应用时可以删除,必须在网站模式使用,如:...该版本表格插件与微软的edge...
总的来说,CKEditor 5 全功能版提供了一个强大且灵活的文本编辑解决方案,无论是对于简单的博客系统还是复杂的Web应用程序,都能胜任。手工编译的版本确保了它能满足大部分项目需求,而详细的自定义教程则为有特殊...
解决这个问题的方法通常有以下几种: 1. 使用CKEditor的`useCustomDialogs`选项:设置为`true`可以防止CKEditor覆盖其他库的对话框函数。 2. 对jQuery UI Dialog的初始化进行调整,避免使用与CKEditor冲突的CSS类或...
### CKEditor 使用方法详解 #### 引言 在现代网页设计与开发中,富文本编辑器已成为不可或缺的一部分,尤其在需要用户输入复杂格式文本的场景下。CKEditor作为一款广泛使用的开源富文本编辑器,提供了丰富的功能和...
**ckeditor及配置方法** CKEditor是一款强大的富文本编辑器,广泛应用于网站内容管理、论坛、博客等场景,为用户提供了一种便捷的在线文本编辑体验。它支持多种语言,包括中文,且具有高度可定制性,可以满足不同...
CKEditor4.2只能增加flash播放格式,没有视频插件。这个插件允许插入和编辑新的HTML5<video>元素。该对话框允许指定的海报图像,尺寸(他们是根据预览自动调整)和两个源文件,这样既使用了WebM格式(Chrome...
直接在ckeditor的按钮中显示文件浏览按钮,点击后打开文件浏览窗口,上传或管理文件(必须安装ckfinder先) config.js中添加名为File的按钮 config.js中添加 ... 创建目录 ...ckeditor/skins/v2/file.gif
ckeditor5-v22 为当前最新版本,全工具版 ,基本将免费的工具备齐了,源文件,可自行修改重新打包,node_modules 文件夹为包文件,该文件夹容量较大,在实际应用时可以删除,必须在网站模式使用,如:...
CKEditor是一款广泛应用于Web开发中的开源富文本编辑器,它为用户提供了一种在网页上创建、编辑和格式化内容的强大工具。...无论是简单的文本编辑,还是复杂的多媒体内容管理,CKEditor都能提供优秀的解决方案。
在上述代码中,`'editor1'`是对应于`<textarea>`的ID,`CKEDITOR.replace()`方法会替换这个`<textarea>`,并将其转换为CKEditor实例。你还可以在括号内传递一个配置对象,自定义CKEditor的行为,如设置语言、工具栏...
CKEditor4的行高插件就是为了解决这一问题,让用户能在编辑器中自由调整文本的行间距,以达到理想的效果。 该插件的源码最初是基于CKEditor3.6.61版本,但为了适配更新的CKEditor4.4.7版本,源码进行了必要的修改。...
在提供的文件列表中,我们可以看到`CKEditor.NETwithSamples.sln`和`CKEditor.NET.sln`这两个解决方案文件,这表明包含了ckeditor与ASP.NET集成的示例代码。`_Samples`目录下可能有更具体的例子,展示了如何实现图片...
CKEditor是一款著名的开源富文本编辑器,被广泛用于网页内容编辑和管理。它提供了丰富的功能,包括文字格式化、图片上传、链接插入等,使得非技术用户也能方便地编辑和排版网页内容。在这个“完美精简版、优化版”的...
"ckeditor 行间距插件"就是专门为CKEditor设计的一个增强功能,旨在让用户能够更加灵活地调整文本的行间距,以满足不同设计需求。 CKEditor 的行间距插件通常包含以下几个核心知识点: 1. **安装与集成**:首先,...
把ckeditor 3.4的ckeditor.js复盖就行
CKEditor 5是一款先进的富文本编辑器,专为现代Web应用程序设计。它的全屏按钮功能是编辑器的一个重要特性,允许用户将编辑区域扩展到浏览器的整个窗口,从而提供无干扰的写作体验。这个功能在编写长篇文章、报告...
### CKEditor 使用方法详解 #### 一、简介 CKEditor是一款功能强大且广泛应用于Web开发中的富文本编辑器。它提供了丰富的编辑功能,如文本格式化、图片上传、表格操作等,大大提升了用户编辑文档的体验。本文档将...
总结来说,这个压缩包为.NET开发者提供了完整的CKeditor集成方案,包括源码、示例和必要的项目结构,使得在ASP.NET项目中实现富文本编辑功能变得更加便捷。通过学习和使用这些资源,开发者不仅可以快速集成CKeditor...
描述中提到,该源码包含在.NET环境中集成CKEditor编辑器的方法,这意味着它可能是一个.NET项目的实例,展示了如何在ASP.NET或其他.NET框架的应用程序中使用CKEditor。"配置方法存放在docs文件夹下"这一信息提示,...