经过测试,分割线以下代码部分不适用。只能起到展示的作用,保存时,格式不会保留,经过一番测试,决定使用以下方式实现所需结果:
在分割线下的“触发初始化事件”代码中添加以下代码
this.document.getBody().setHtml("<p><strong><span style=\"font-size:22px\"><span style=\"font-family:kaiTi\"> </span></span></strong></p>");
此样式为:楷体、22像素、加粗。其他样式可以参照此种方式添加,
需要注意的是,在最中间的span标签中间一定要添加一个空格,否则编辑器不能默认选中相应样式操作,还有就是编辑器获得焦点后必须直接编辑,否则样式会被编辑器自动清空,而且经测试,编辑器本身也有这个问题,删除内容后,样式也连带删除,不知道算不算是一个bug。
基本就是这样了,另外,只有添加新数据的时候才使用这个,修改的时候,就没必要了。留下这个备注,方便自己以后查阅,也希望可以帮助到其他遇到类似问题的朋友。
-----------------------------------分割线----------------------------------------
修改编辑器默认字体,只需要修改CkEditor安装目录下的contents.css文件
body
{
/* Font */
font-family: sans-serif, Arial, Verdana, "Trebuchet MS";/* 默认字体 */
font-size: 12px;
/* Text color */
color: #333;
/* Remove the background color to make it transparent */
background-color: #fff;
margin: 20px;
}
若不起作用,可以尝试在config.js中添加代码
config.contentsCss = './ckeditor/contents.css';// 指定content.css路径
触发初始化事件
CKEDITOR.instances["editorid"].on("instanceReady", function(){
});
为不同编辑器设置不同默认字体
在上一步的中间添加代码
// 设置默认为楷体
this.document.getBody().setStyle("font-family", "KaiTi");
获取编辑器的一些操作方法可以在js中输出getBody()对象
console.log(this.document.getBody());
![](https://i-blog.csdnimg.cn/blog_migrate/019f38ca1900564308035186a07f7b32.png)
![](https://i-blog.csdnimg.cn/blog_migrate/b4caad343f642ee64a61aef116d98fee.png)