ckeditor 去除自带的<p>标签

这里写图片描述

要想去掉 body p的显示,只需要在配置文件ckeditor.js中加入:

config.removePlugins = 'elementspath';

这个只是不显示body和p标签,并没有去掉自动增加的p标签
点击“源码”后,依然存在
这里写图片描述

这个时候,我们就要在ckeditor.js配置:

    config.enterMode = CKEDITOR.ENTER_BR; 
    config.shiftEnterMode = CKEDITOR.ENTER_BR;

这个最好放到前面点,比如:放到config.uiColor = '#AADC6E';前面。
下面是我的配置:

CKEDITOR.editorConfig = function( config ) {
    // Define changes to default configuration here. For example:
    // config.language = 'fr';
    config.enterMode = CKEDITOR.ENTER_BR; 
    config.shiftEnterMode = CKEDITOR.ENTER_BR;
    // config.uiColor = '#AADC6E';
    //config.removePlugins = 'elementspath'; //这个只是不显示body和p标签,并没有去掉自动增加的p标签
    //config.startupMode = 'source'; //启动源码
};

config.enterMode = CKEDITOR.ENTER_BR;
作用是 :键入 entry时,也就是回车键,以<br>标签来分割,默认是<p>
config.shiftEnterMode = CKEDITOR.ENTER_BR;
作用是:shift+Enter 时,以<br>来进行分割。

我一开始遇到这个问题就去百度,可是总是没有配置好。百度上的答案也就是我上面写的,但是百度上答案说是 屏蔽作用也就是把p标签给屏蔽掉。关键是照着他们的写法没有成功,所以我就去ckeditor下载一个标准版的。我知道里面有文档,所以直接奔文档去看。
将下载好的ckeditor进行解压,解压后进入;如图:

这里写图片描述

这里写图片描述


再点击 Customize Your Editor 下的“numerous configuration options ”超链接。
此时就进入了“CKEditor 4 Documentation


这里写图片描述


右上角有个搜索:输入:”config.enterMode“就可以进入下图:
这里写图片描述

这里就是config.enterMode详细解释,我也是看到这里后,才明白,上面的配置不是屏蔽<p>的作用,而是创建。我们这样配置只是把分割段落得标签由p,改成<br>而已。
你再点击该页面的: “SDK sample”的超链接,就可以进入到“Enter Key Configuration”也就是它的配置页面,可以看到效果的。

可以通过调整参数来查看效果,查看效果是点击“源码”按钮进行查看。

这里写图片描述

至此,讲解完毕。

以后对ckeditor配置有什么不懂得,都可以通过这种方法去了解,为什么是这么配置的!而不是像网上那样,知道是这样配置,却以为是屏蔽作用。

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

山鬼谣me

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值