最近在DIY自用的任务管理系统,需要到一个富文本的编辑框;在Google上逛了几轮关键字之后,选定了CKEditor照着官方文档,成功把编辑器嵌入到网页后,发现了一个小问题:编辑框里的字太小了,看得蛋
最近在DIY自用的任务管理系统,需要到一个富文本的编辑框;
在Google上逛了几轮关键字之后,选定了CKEditor
照着官方文档,成功把编辑器嵌入到网页后,发现了一个小问题:
编辑框里的字太小了,看得蛋疼
解决方案
- 在ckeditor.js同一目录下,找到contents.css
- 去掉**.cke_editable**里跟字体有关的设置
- 在body修改或添加需要的字体设置
示例
body{ /* Font */ ┋ font-size: 15px; ┋}.cke_editable{/* font-size: 13px; line-height: 1.6;*/ ┋}
注意:CSS文件修改保存后,如果直接到浏览器里刷新看不到效果的话,有可能是浏览器缓存机制的影响,需要进行强制刷新来查看修改的效果