Javascript 如何增加编辑器的字体大小?

Javascript 如何增加编辑器的字体大小?,javascript,html,ckeditor,rich-text-editor,Javascript,Html,Ckeditor,Rich Text Editor,我想增加富文本编辑器的字体大小 我正在使用的这个页面的第一个演示。我想让主体的字体大小为44px 我找到了这个链接。似乎我可以从这个页面配置我的字体大小。但是仍然无法指出哪个配置适合增加字体大小。打开/ckeditor/目录中的contents.css 您可以更改字体大小: background-color: #ffffff; font-size:16px; /* Just added this */ 添加contents.css以修改编辑器中显示的内容的默认字体和大小: body {

我想增加富文本编辑器的字体大小

我正在使用的这个页面的第一个演示。我想让主体的字体大小为44px


我找到了这个链接。似乎我可以从这个页面配置我的字体大小。但是仍然无法指出哪个配置适合增加字体大小。

打开/ckeditor/目录中的contents.css 您可以更改字体大小:

 background-color: #ffffff;
 font-size:16px; /* Just added this */
添加contents.css以修改编辑器中显示的内容的默认字体和大小:

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

config.font_defaultLabel = 'Arial';
config.fontSize_defaultLabel = '44px';
config.contentsCss
请参阅文档:

如果要修改编辑器中显示的内容,请自定义。 如果要向样式组合添加一些新的预定义样式,请参阅官方文档。 如果您开发了一个插件,其中添加了一些需要样式化的功能,请使用方法。 如果要解析现有CSS文件并将规则用作预定义样式,请参阅。
我正在使用ckeditor 4.4.6并更改content.css,请注意更改“body”类无效,.cke_editable”类需要更改。

您可以使用setStyles函数:

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

只需将此添加到您的页面

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

我找到了这个链接。似乎我可以从这个页面配置我的字体大小。但是仍然无法指出哪种配置适合增加字体大小在ckeditor 4.4.5 contents.css中设置的字体大小似乎被忽略。在ckeditor 4.4.5中contents.css中设置的字体大小似乎被忽略。也许您可以发布一个代码示例和更多详细信息来帮助OP多一点?