Javascript 如何增加编辑器的字体大小?
我想增加富文本编辑器的字体大小 我正在使用的这个页面的第一个演示。我想让主体的字体大小为44pxJavascript 如何增加编辑器的字体大小?,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 {
我找到了这个链接。似乎我可以从这个页面配置我的字体大小。但是仍然无法指出哪个配置适合增加字体大小。打开/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多一点?