入门客AI创业平台(我带你入门,你带我飞行)
博文笔记

ckeditor 去除自带的<p>标签

创建时间:2016-05-27 投稿人: 浏览次数:5700

这里写图片描述

要想去掉 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配置有什么不懂得,都可以通过这种方法去了解,为什么是这么配置的!而不是像网上那样,知道是这样配置,却以为是屏蔽作用。

声明:该文观点仅代表作者本人,入门客AI创业平台信息发布平台仅提供信息存储空间服务,如有疑问请联系rumenke@qq.com。