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

1 篇文章 0 订阅
1 篇文章 0 订阅

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

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

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());


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值