`
mushroom1987
  • 浏览: 21141 次
文章分类
社区版块
存档分类
最新评论

ckeditor空格nbsp全变问号的解决方法

阅读更多

 

 相信很多人用PHP版的ckeditor是不是经常会遇到空格 全变成问号的情况(如图)。

 

录入进去的是   ,utf-8编码,但用ckeditor读入内容时,在编辑器里显示的却是个黑点问号,切换到源码,竟是一个小方框,这问题啊,真是折腾死人了。。。

 

我们总归咎于ckeditor的原因,更新了ckeditor还是一样。

其实还是编码的原因,解决方法如下——

 

 

方法1:修改ckeditor/config.js

所有的情况都出现在有空格&nbsp;的地方,而ckeditor对于空行是自动添加段落标记"<p></p>"的,而如果这一行里没有内容的话,又自动在里面添加”&nbsp;“,所以可以控制ckeditor不让它自动添加“nbsp”,在config.js里加上语句“config.fillEmptyBlocks=false;”(如图)。

另外也有可以控制ckeditor让它不自动添加段落标记的,这个自己百度研究。

(本方法不是最佳之选,毕竟编辑时还是需要用到空格键来修饰段落的。)

 

方法2:

传递给ckeditor的这个$content要先替换一下内容,把“&”转为"&amp;",即:str_replace("&nbsp;","&amp;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的详细说明。

 

希望能帮助到遇到同样问题的亲们,感激就赞一个吧!

 

2
5
分享到:
评论
1 楼 dallarwww 2015-06-06  
https://github.com/ckeditor/ckeditor-releases/issues/19

above did trick for me! Hope helps

相关推荐

    ckeditor5 v23全工具版源文件(php)

    ckeditor5 v23,全工具版,下载配置了ckfinder,因考虑版权没有该文件,如果要实现下载功能,请将ckfinder以"ckfinder”为名命名文件夹放置在网站根目录,编辑器网页示例文件为ckeditor5-23.0.0\packages\ckeditor5-...

    ckeditor5-v30 全工具版.rar

    ckeditor5-v30 全工具版 ,基本将免费的工具备齐了,源文件,可自行修改重新打包,node_modules 文件夹为包文件,该文件夹容量较大,在实际应用时可以删除,必须在网站模式使用,如:...该版本表格插件与微软的edge...

    ckeditor5 全功能版(纯手工编译)

    总的来说,CKEditor 5 全功能版提供了一个强大且灵活的文本编辑解决方案,无论是对于简单的博客系统还是复杂的Web应用程序,都能胜任。手工编译的版本确保了它能满足大部分项目需求,而详细的自定义教程则为有特殊...

    ckeditor 和 ckfinder集成,并解决ckeditor和jquery dialog冲突问题

    解决这个问题的方法通常有以下几种: 1. 使用CKEditor的`useCustomDialogs`选项:设置为`true`可以防止CKEditor覆盖其他库的对话框函数。 2. 对jQuery UI Dialog的初始化进行调整,避免使用与CKEditor冲突的CSS类或...

    ckeditor使用方法

    ### CKEditor 使用方法详解 #### 引言 在现代网页设计与开发中,富文本编辑器已成为不可或缺的一部分,尤其在需要用户输入复杂格式文本的场景下。CKEditor作为一款广泛使用的开源富文本编辑器,提供了丰富的功能和...

    ckeditor及配置方法

    **ckeditor及配置方法** CKEditor是一款强大的富文本编辑器,广泛应用于网站内容管理、论坛、博客等场景,为用户提供了一种便捷的在线文本编辑体验。它支持多种语言,包括中文,且具有高度可定制性,可以满足不同...

    CKEditor添加HTML5 Video插件的方法

    CKEditor4.2只能增加flash播放格式,没有视频插件。这个插件允许插入和编辑新的HTML5&lt;video&gt;元素。该对话框允许指定的海报图像,尺寸(他们是根据预览自动调整)和两个源文件,这样既使用了WebM格式(Chrome...

    ckeditor文件管理按钮

    直接在ckeditor的按钮中显示文件浏览按钮,点击后打开文件浏览窗口,上传或管理文件(必须安装ckfinder先) config.js中添加名为File的按钮 config.js中添加 ... 创建目录 ...ckeditor/skins/v2/file.gif

    ckeditor5-v22 全工具版

    ckeditor5-v22 为当前最新版本,全工具版 ,基本将免费的工具备齐了,源文件,可自行修改重新打包,node_modules 文件夹为包文件,该文件夹容量较大,在实际应用时可以删除,必须在网站模式使用,如:...

    CKEditor全部弄能插件

    CKEditor是一款广泛应用于Web开发中的开源富文本编辑器,它为用户提供了一种在网页上创建、编辑和格式化内容的强大工具。...无论是简单的文本编辑,还是复杂的多媒体内容管理,CKEditor都能提供优秀的解决方案。

    ckeditor的demo代码

    在上述代码中,`'editor1'`是对应于`&lt;textarea&gt;`的ID,`CKEDITOR.replace()`方法会替换这个`&lt;textarea&gt;`,并将其转换为CKEditor实例。你还可以在括号内传递一个配置对象,自定义CKEditor的行为,如设置语言、工具栏...

    ckeditor4 行高插件

    CKEditor4的行高插件就是为了解决这一问题,让用户能在编辑器中自由调整文本的行间距,以达到理想的效果。 该插件的源码最初是基于CKEditor3.6.61版本,但为了适配更新的CKEditor4.4.7版本,源码进行了必要的修改。...

    ckeditor 自定义上传图片

    在提供的文件列表中,我们可以看到`CKEditor.NETwithSamples.sln`和`CKEditor.NET.sln`这两个解决方案文件,这表明包含了ckeditor与ASP.NET集成的示例代码。`_Samples`目录下可能有更具体的例子,展示了如何实现图片...

    ckeditor 完美精简版、优化版,附带调用方法页面

    CKEditor是一款著名的开源富文本编辑器,被广泛用于网页内容编辑和管理。它提供了丰富的功能,包括文字格式化、图片上传、链接插入等,使得非技术用户也能方便地编辑和排版网页内容。在这个“完美精简版、优化版”的...

    ckeditor 行间距插件

    "ckeditor 行间距插件"就是专门为CKEditor设计的一个增强功能,旨在让用户能够更加灵活地调整文本的行间距,以满足不同设计需求。 CKEditor 的行间距插件通常包含以下几个核心知识点: 1. **安装与集成**:首先,...

    让ckeditor只读 让ckeditor只读

    把ckeditor 3.4的ckeditor.js复盖就行

    ckeditor5全屏按钮

    CKEditor 5是一款先进的富文本编辑器,专为现代Web应用程序设计。它的全屏按钮功能是编辑器的一个重要特性,允许用户将编辑区域扩展到浏览器的整个窗口,从而提供无干扰的写作体验。这个功能在编写长篇文章、报告...

    ckeditor使用方法.pdf

    ### CKEditor 使用方法详解 #### 一、简介 CKEditor是一款功能强大且广泛应用于Web开发中的富文本编辑器。它提供了丰富的编辑功能,如文本格式化、图片上传、表格操作等,大大提升了用户编辑文档的体验。本文档将...

    CKeditor控件.net版

    总结来说,这个压缩包为.NET开发者提供了完整的CKeditor集成方案,包括源码、示例和必要的项目结构,使得在ASP.NET项目中实现富文本编辑功能变得更加便捷。通过学习和使用这些资源,开发者不仅可以快速集成CKeditor...

    CKEditor示例源码20121228

    描述中提到,该源码包含在.NET环境中集成CKEditor编辑器的方法,这意味着它可能是一个.NET项目的实例,展示了如何在ASP.NET或其他.NET框架的应用程序中使用CKEditor。"配置方法存放在docs文件夹下"这一信息提示,...

Global site tag (gtag.js) - Google Analytics