CKEditor去掉默认的<p>的处理

最新推荐文章于 2023-05-22 11:29:00 发布
转载 最新推荐文章于 2023-05-22 11:29:00 发布 · 3.7k 阅读 · 1

本文介绍如何在CKEditor中去除默认的P元素，并提供两种方法实现：一是通过配置config.js文件中的enterMode属性；二是直接修改ckeditor.js文件。

CKEditor在使用的时候，编辑框中总是默认带有P元素，如何去掉呢,请看下面：

1、在ckeditor里的config.js中添加

config.enterMode=1 回车的时候增加的是p
config.enterMode=2 回车的时候增加的是<br>//需要的就是这种情况
config.enterMode=3 回车的时候增加的是div

2、在ckeditor里的ckeditor.js中修改enterMode:2即可

CKeditor 配置使用
huangleijay的专栏
09-11 806
ckeditor 的官方网站是 http://ckeditor.com/ ，我当前使用的版本是v3.0.1。 一、使用方法： 1、在页面 中引入ckeditor核心文件ckeditor.js cript" src="ckeditor/ckeditor.js"> 2、在使用编辑器的地方插入HTML控件 </textarea id="TextArea1" cols="20" rows="2" clas
计算机网络实验
m0_53561725的博客
01-08 106
计算机网络实验
文本在线编辑器 ckeditor 中去掉默认自带的<p>和<br>标签等
dxd0128的专栏
12-10 2545
在项目中的 ckeditor 目录下找到 config.js 这个配置文件，然后在以下位置添加以下配置参数即可（加粗字体的那两句）： CKEDITOR.editorConfig = function (config) {     // Define changes to default configuration here. For example:     // config.language...
wangEditor遇到的一些问题
十三月的博客
10-24 3320
1. 数据的回显 editorA.txt.html(entity.details) 2. 对编辑器的值进行数据处理 //富文本框 var dataA = editorA.txt.html(); var textElemReg = /<([a-z]+?)(?:\s+?[^>]*?)?>\s*?<\/\1>/;...
wangeditor富文本编辑器使用过程中遇到的问题以及解决办法
完颜振江
05-17 3353
wangeditor富文本编辑器使用过程中遇到的问题以及解决办法
去除p标签默认样式
越是安静内敛的人，越容易生不惊人死不休
05-22 957
p {
去除字符串中的p标签(正则表达式)
m0_61476911的博客
04-28 2515
常用正则表达式
ckeditor5 去掉默认的<p>标签
12-26
如果你想要去掉默认生成的 `<p>` 标签，CKEditor 5 提供了一定的自定义选项来控制编辑器的行为。 首先，在创建CKEditor实例时，你可以设置`enterMode`和`shiftEnterMode`配置项来指定换行符的行为。将它们设置为` ...
修改Wangeditor富文本编辑器默认内容<p><br></p>
最新发布
09-27
- 引用[3]：关于CKEditor去掉默认的`<p>`处理，提到了`config.enterMode`设置。这不是直接关于WangEditor的，但可能类似，因为都是富文本编辑器。 我需要聚焦于WangEditor。用户指定了WangEditor。 从引用[1]，...
Yii框架引用插件和ckeditor中body与P标签去除的方法
10-20
文章还提到了如何去除Yii框架中引入的ckeditor编辑器下方出现的不必要的body和p标签。这是因为ckeditor组件本身带有的默认元素，为了解决这个问题，可以在JavaScript初始化配置中添加`CKEDITOR.config.removePlugins...
Ueditor富文本编辑器替换去除自动追加p标签
热门推荐
BabyOi的博客
08-02 1万+
最近，做了一个模块，需要用到ueditor，然后突然发现其中的很多细节需要处理。 在项目中，一个文章修改模块用到ueditor， 但是每次修改完文章点击保存后，ueditor就会自动加一个p标签， 多次修改后，ueditor就会不断的在外层套一个p标签，以至于明明没有修改，但是它却不断的换行。
wangEditor
qq_44737178的博客
07-12 1816
项目中用到了wangEditor，遇到了两个非常奇葩的问题 1、在进行内容输入的时候，输入中文，总是会将第一个字母变成英文展示到文本区域，去官网试了一下，发现也有这个问题，暂时的解决办法就是 text(val) { if (val&&val!='<p><br/></p>') { this.editor.config.focus = true this.editor.txt.html(val)
CKEditor去除<p></p>
xautjzd小天地
04-05 8010
最近在做网站用到了ckeditor插件，但是每次输入内容后在后台数据库中保存时会自动多了标签，便在网上寻求解决办法，最后顺利解决，现和大家分享。 解决办法： 在ckeditor文件夹下的config.js文件中配置如下： CKEDITOR.editorConfig = function( config ) { // Define changes to default config
富文本编辑器wangeditor的文章上传时Html标签的去除
nwnu_mimi的博客
11-12 3087
使用富文本wangeditor上传文章。 1.最近做一个个人博客时，需要编辑文章，然后上传，所以就使用了百度旗下的wangEditor富文本编辑器。wangeditor。如图。 使用用例： <div id="editor"> <p>欢迎使用 <b>wangEditor</b> 富文本编辑器</p> </div> &...
如何删除CKEditor中自动添加的段落P标签
weixin_30483495的博客
01-03 660
如何删除CKEditor中自动添加的段落P标签 去除CKEditor自动添加的<p></p>标签的方法,其实很简单,有两种办法： 1.在ckeditor目录下的config.js添加以下配置参数即可: config.enterMode=CKEDITOR.ENTER_BR;config.shiftEnterMode=CKEDITOR.ENTER_P; 2....
CKEDITOR 中<p>标签引发的问题
panyanyany（飞雨幻沙）
11-13 3864
在用CKEDITOR 的时候，会遇到创建一个CKEDITOR 元素el，然后往el中加入内容的情况，一般以正常的方法加入（append,appendHtml等）""，都会出现问题。显示到CKEDITOR 的时候可能会很糟糕，后来感觉可能是CKEDITOR 在内部会自动处理这个标签，蛋疼的是它自己又处理不好，所以如果我们要想让插入的内部换行的话，还是尽量用好了。
wangEditor插件判断用户是否有输入内容
m0_62857167的博客
05-17 1896
富文本框、wangEditor、vue3、判断内容是否为空
wangeditor 中文输入法下，删除全部后再次输入首字母英文 解决方案
weixin_44179923的博客
09-03 1192
//不修改源码: editor.config.onchange = function(){ if(editor.txt.html()===''){ editor.txt.html(' &nbsp') } } // 修改源码: var emptyTags = ['<p><br></p>', '<br>', '<p data-we-empty-p=""></p>', const_1.EMPTY_.
富文本编辑器回显去掉＜p＞＜/p＞
Maybe221的博客
07-14 2706
只需要在标签内用指令 v-html=" 需要回显的内容 " 实例： <el-col :span='16' style="margin-bottom:15px" v-html="'课程简介'+backups.simpleIntroduce"></el-col>
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值