Question

我想增加富文本编辑器“ckeditor”的字体大小。

我正在使用的此页面的第一个演示（http://ckeditor.com/demo#toolbar）。我想让身体的字体大小说44px。

我找到了此链接http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-toolbarGroups。我似乎可以从这个页面配置我的字体大小。但仍然无法指出哪种配置适合增加字体大小。

Answer 1

你可以使用setStyles函数：

CKEDITOR.replace('editor1', {
        on: {
          instanceReady: function (evt) {
              evt.editor.document.getBody().setStyles({color: 'black', 'font-size': '72px'})
          }
        }
    }

Answer 2

添加 contents.css 以修改编辑器中显示的内容的默认字体和大小：

body {
   font-family: Arial;
   font-size: 44px;
}

并设置：

config.font_defaultLabel = 'Arial';
config.fontSize_defaultLabel = '44px';
config.contentsCss

参见文档：

Answer 3

如果要修改编辑器中显示的内容，请自定义contents.css。
如果您想为样式组合添加一些新的预定义样式，请参阅官方styles.js guide。
如果您开发的插件添加了一些需要样式化的功能，请使用CKEDITOR.addCss()方法。
如果您要解析现有的CSS文件并将规则用作预定义的样式，请参阅stylesheetparser plugin。

Answer 4

打开/ ckeditor /目录中的contents.css 你可以改变font-size：

 background-color: #ffffff;
 font-size:16px; /* Just added this */

Answer 5

只需将此添加到您的页面

CKEDITOR.replace('editor1', {
          on: {
              instanceReady: function (evt) {
                  evt.editor.document.getBody().setStyles({color: 'black', 'font-size': '18px', 'font-family': 'Verdana'})
              }
          }
      });

Answer 6

我正在使用ckeditor 4.4.6并且更改content.css有效，请注意更改＆＃39; body＆＃39;上课不会工作，＆＃39; .cke_editable＆＃39;课程需要改变。

如何增加ckeditor的字体大小？

6 个答案: