关于ckeditor编辑器的问题.为啥会在源码里自动添加<p>标签,可以不添加吗.

Posted 2023-05-13

还有,一般的段落都会自动加上个<p>标签, 有什么办法可以让他什么都不用加,我输入的是什么样的源码,就是什么样的,不会去添加其它标签.

参考技术A 去除CKEditor自动添加的<p></p>标签的方法,其实很简单,有两种办法：
1.在ckeditor目录下的config.js添加以下配置参数即可:
config.enterMode = CKEDITOR.ENTER_BR;（去掉BR）
config.shiftEnterMode = CKEDITOR.ENTER_P;(去掉P)
2.直接更改编辑器默认模式为源代码模式，在ckeditor目录下的config.js添加以下配置：
config.startupMode = ‘source’;
希望能帮助您。。。 参考技术B 在你的配置里，加上这个：config.enterMode = CKEDITOR.ENTER_P 参考技术C 不知道是不是我说的这种情况：
CKeditor在修改文本的时候会自动添加<p> </p> 这样的标签的原因其实并不是CKeditor的设置问题，
而是，你在代码中添加的html代码转换函数，如php的：htmlspecialchars() 函数。
再换种说法就是你把编辑框中文本的标签作了转换，有两种方式解决：
1. 是去掉这样的转换。
2. 输入到文本框之前，字符串做一次反转换，例如PHP中的：htmlspecialchars_decode() 函数
问题分析：
这种错误其实并不太容易犯。如果源码都是自己写的话。
一般犯这种错误的原因是代码维护，或者把text文本框改成了富文本框，并没有注意到自己原先代码中带有HTML字符转换。于是，出现了这样的情况。
这类错误说明了，有的时候，代码问题看起来可能并不是本身造成的。有的时候，捋一下自己写的代码才是发现BUG的办法。 参考技术D 添加表格后源代码如下：
<table border="1" cellpadding="1" cellspacing="1" style="width: 500px">
<tbody>
<tr>
<td>
</td>
<td>
</td>
</tr>
</tbody>
< /table>
这个编辑器会自动在空的<td>标签里面添加“ ”，这个如何配置掉啊？通过录入数据库的时候去除“ ”，用 string.Replace(" ", "")不行，有些“ ”是有用处的空格……
求高手们教下如何配置config.js，使其不自动生成“ ”。
在FckEditor里面是用FCKConfig.FillEmptyBlocks = false ;可去除这个标签，CKEditor这边没用…… 第5个回答  2012-11-25 直接用文本框（TextBox）就行了...追问

我想用这个ckeditor编辑器呀,可视和源码都可以切换..这样编辑起来方便些.怎么修改呀

使用百度UMeditor富文本编辑器，修改自定义图片上传，修改源码

富文本编辑器，不多说了，这个大家应该都用到过，至于用到的什么版本，那就分很多种

CKEditor：很早以前叫FCK，那个时候也用过，现在改名了，比较流行的一个插件，国外很多公司在用

UEDITOR：百度开发的插件，lite版是UM

EasyUI编辑器：用easyUI的都懂，基本上肯定用到

其他的富文本编辑器就不说了，前两个小编我用的比较多

本来我是比较倾向于CKEditor，但是这个插件不支持图片上传，图片功能只能链接过去，而不能在控件本身中上传，所以就选择了UMeditor

为啥选择UM，不选择UE，其实都差不多，UM精简了很多，而且比较小，UE功能太多而且很多东西都用不到

那么先来说说上传吧，引入JS什么的不说了，网上都有

要进行图片上传先要定义好静态目录，如下：

 

再来看看百度目录的结构

 

第一个框中是百度自己的上传，可以不用他，自己自定义上传，小编用的是springMVC + fastDFS图片服务器，只要修改地址就可以直接上传，相关文章可以参考我以前的博客

打开umeditor.config.js这个文件，这是UM的配置文件，可以自定义很多东西

 

覆盖原来的imageURL即可，修改为你自己项目中正在使用的图片上传接口即可，注意，必须是支持ajax异步上传的

那么好，现在启动项目测试，图片上传是没有问题，但是图片展示会有问题，原因是返回的JSON和百度的格式不匹配

那么怎么办，2种做法，适配自己的返回数据格式

或者直接修改百度的js源码

小编我采用了第二种做法，毕竟自己的数据格式自己最清楚

打开这个路径下的image.js

/danger-manager-web/src/main/webapp/WEB-INF/umeditor1_2_2-utf8-jsp/dialogs/image/image.js

找到如下方法

 

这个方法是成功后执行的，如图，callback是用来展示图片内容的，我直接修改callback，变更数据格式

 

修改image中的href即可，最终可以展示图片