CKEditor设置默认字体和一些备注

经过测试,分割线以下代码部分不适用。只能起到展示的作用,保存时,格式不会保留,经过一番测试,决定使用以下方式实现所需结果:

在分割线下的“触发初始化事件”代码中添加以下代码

this.document.getBody().setHtml("

");
此样式为:楷体、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());
CKEditor设置默认字体和一些备注_第1张图片
CKEditor设置默认字体和一些备注_第2张图片

你可能感兴趣的:(Js,JQuery,CkEditor)