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

最新推荐文章于 2023-05-22 11:29:00 发布
最新推荐文章于 2023-05-22 11:29:00 发布
阅读量3.5k 收藏 1
点赞数
分类专栏： ckeditor

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

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

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

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

zhengbo0
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
富文本编辑器wangeditor的文章上传时Html标签的去除
nwnu_mimi的博客
11-12 2735
使用富文本wangeditor上传文章。 1.最近做一个个人博客时，需要编辑文章，然后上传，所以就使用了百度旗下的wangEditor富文本编辑器。wangeditor。如图。 使用用例： <div id="editor"> <p>欢迎使用 <b>wangEditor</b> 富文本编辑器</p> </div> &...
Yii框架引用插件和ckeditor中body与P标签去除的方法
10-20
主要介绍了Yii框架引用插件和ckeditor中body与P标签去除的方法,结合实例形式分析了Yii框架中引入插件的步骤、实现方法与相关注意事项,需要的朋友可以参考下
wangEditor
qq_44737178的博客
07-12 1470
项目中用到了wangEditor，遇到了两个非常奇葩的问题 1、在进行内容输入的时候，输入中文，总是会将第一个字母变成英文展示到文本区域，去官网试了一下，发现也有这个问题，暂时的解决办法就是 text(val) { if (val&&val!='<p><br/></p>') { this.editor.config.focus = true this.editor.txt.html(val)
wangeditor 中文输入法下，删除全部后再次输入首字母英文 解决方案
weixin_44179923的博客
09-03 994
//不修改源码: 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_.
wangEditor遇到的一些问题
十三月的博客
10-24 3083
1. 数据的回显 editorA.txt.html(entity.details) 2. 对编辑器的值进行数据处理 //富文本框 var dataA = editorA.txt.html(); var textElemReg = /<([a-z]+?)(?:\s+?[^>]*?)?>\s*?<\/\1>/;...
文本在线编辑器 ckeditor 中去掉默认自带的<p>和<br>标签等
dxd0128的专栏
12-10 2376
在项目中的 ckeditor 目录下找到 config.js 这个配置文件，然后在以下位置添加以下配置参数即可（加粗字体的那两句）： CKEDITOR.editorConfig = function (config) {     // Define changes to default configuration here. For example:     // config.language...
wangEditor插件判断用户是否有输入内容
m0_62857167的博客
05-17 1136
富文本框、wangEditor、vue3、判断内容是否为空
CKEditor4配置与开发详细中文说明文档
11-17
<textarea name="editor1"><p>Initial value.</p></textarea> <script> CKEDITOR.replace( 'editor1' ); </script> ``` 四、内联式编辑（Inline Editing） 内联式编辑用于看起来像最终的页面中。通过 HTML5 的 ...
ckeditor-image-caption:默认的ckeditor图像插件的分叉，它使用Figure和Figcaption
05-14
这个插件的主要目的是为了在CKEditor中提供更好的图片处理功能，特别是引入了 `<figure>` 和 `<figcaption>` HTML5 元素，以实现更规范和语义化的图片注解。 ### 1. `<figure>` 和 `<figcaption>` 元素介绍 在...
CKEditor图片上传处理处理文件（PHP）
09-16
用PHP写的处理CKEditor上传图片和FLASH的服务器端文件，以及配置方法。希望对大家有用啊～～～ 用PHP写的处理CKEditor上传图片和FLASH的服务器端文件，以及配置方法。希望对大家有用啊～～～
CKEditor vue3引入
最新发布
10-31
<ckeditor :editor="editor" v-model="content" :config="config" @ready="onReady" @error="onError"></ckeditor> </div> </template> <script lang="ts"> import ClassicEditor from '@ckeditor/ckeditor5-...
Ueditor富文本编辑器替换去除自动追加p标签
热门推荐
BabyOi的博客
08-02 1万+
最近，做了一个模块，需要用到ueditor，然后突然发现其中的很多细节需要处理。 在项目中，一个文章修改模块用到ueditor， 但是每次修改完文章点击保存后，ueditor就会自动加一个p标签， 多次修改后，ueditor就会不断的在外层套一个p标签，以至于明明没有修改，但是它却不断的换行。
去除字符串中的p标签(正则表达式)
m0_61476911的博客
04-28 1809
常用正则表达式
在vue项目中wangeditor富文本编辑器的使用
Huanghuali_的博客
04-18 2204
项目场景： 提示：这里简述项目相关背景： 听搭档推荐一个还不错的编辑器wangeditor，记录一下。我有几个页面要用到wangeditor，其中包括在el-dialog组件上用到。 直接在页面中显示 我们绑定一个编辑器为div1，一个按钮为btn1 <template> <div> <div id="div1" style="margin: 4% 4% 3% 2%;"> <p>欢迎使用 wangEditor 富文本编辑器&lt
富文本编辑器回显去掉＜p＞＜/p＞
Maybe221的博客
07-14 2432
只需要在标签内用指令 v-html=" 需要回显的内容 " 实例： <el-col :span='16' style="margin-bottom:15px" v-html="'课程简介'+backups.simpleIntroduce"></el-col>
去除p标签默认样式
越是安静内敛的人，越容易生不惊人死不休
05-22 588
p {
wangeditor富文本编辑器使用过程中遇到的问题以及解决办法
完颜振江
05-17 2735
wangeditor富文本编辑器使用过程中遇到的问题以及解决办法
wangEditor系列之内容处理
老__L的博客
05-11 4587
内容处理
CKEditor去除<p></p>
xautjzd小天地
04-05 7893
最近在做网站用到了ckeditor插件，但是每次输入内容后在后台数据库中保存时会自动多了标签，便在网上寻求解决办法，最后顺利解决，现和大家分享。 解决办法： 在ckeditor文件夹下的config.js文件中配置如下： CKEDITOR.editorConfig = function( config ) { // Define changes to default config
富文本编辑器默认<p><br></p>
09-07
富文本编辑器默认使用的是`<p><br></p>`作为换行的标记。在CKEditor的配置文件中，可以通过修改`config.enterMode`参数来改变默认的换行标记。例如，将`config.enterMode`设置为`CKEDITOR.ENTER_BR`，就可以将换行...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值