12

我在 config.js 中有一个 config.toolbarGroups 设置，但我不知道该组使用什么名称来添加字体系列/字体大小控件。（似乎缺少这方面的文档）。我发现了一些建议，我应该使用 CKBuilder 创建一个已经包含它的包，但是我不能仅仅为了添加几个按钮而重新部署整个 ckeditor。

编辑：我的 CKEditor 是第 4 版

有什么建议吗？

谢谢！

4

5 回答 5

14 
config.extraPlugins = 'font';

你必须添加插件...

于 2014-09-26T14:15:21.407 回答
6

有两种（互斥的）方式来配置工具栏。查看以下内容：

http://ckeditor.com/latest/samples/plugins/toolbar/toolbar.html

我首先尝试使用 config.toolbarGroups，但最终改用了 config.toolbar。这是我最终使用的：

config.toolbar = [
                { name: 'save', items: [ 'savebtn','Undo','Redo' ] },
                { name: 'clipboard', items: [ 'Cut','Copy','Paste','PasteText','PasteFromWord'] },
                { name: 'document', items: [ 'Find','Replace'] },
                '/',
                { name: 'lists', items: [ 'NumberedList','BulletedList','Outdent','Indent'] },
                { name: 'insert', items: [ 'Image','Table','Smiley','SpecialChar'] },
                { name: 'link', items: ['Link','Unlink'] },
                '/',
                { name: 'basicstyles', items: [ 'Font','FontSize','Bold','Italic','Underline','Strike','Subscript','Superscript'] },
                //'/',
                { name: 'align', items: [ 'JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'] }
        ];

请注意，我使用的是由 kasper Taeymans 慷慨提供的保存插件，可以在以下位置找到：

如何在 CKeditor 4.2.1 中添加带有加载 gif 的 ajax 保存按钮。[工作示例插件]

我还发现以下文档非常有用，尽管它与版本 3 相关：

http://docs.cksource.com/CKEditor_3.x/Developers_Guide/Toolbar

我使用本文中的信息来生成我的配置（我使用的是 4.2.1 版），特别是项目的名称（例如剪切、复制、粘贴），因为在我的案例中这是缺少的链接。

于 2013-10-05T12:35:44.297 回答
1

我花了很长时间才弄清楚我也必须明确地添加FontSize到工具栏 - 似乎Font不仅仅适用。

于 2014-10-13T15:26:12.727 回答
0

这可用于在 CkEditor 中添加字体系列和字体大小。

这将在 config.js 中完成。

另请参阅文档

    config.font_names = 'Arial;Times New Roman;Verdana;' +  CKEDITOR.config.font_names;

config.toolbar_Full =
[
     { name: 'basicstyles', items : [ 'Bold','Italic','Underline','Strike','Subscript','Superscript','-','RemoveFormat' ] },

    { name: 'paragraph', items : [ 'Outdent','Indent','-','Blockquote','CreateDiv','-',
                'JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock','-','BidiLtr','BidiRtl' ] }    

];

config.toolbar = 'Full';
于 2013-04-24T05:51:09.163 回答
0

直接使用脚本添加：

CKEDITOR.replace('content', {
      extraPlugins: 'uicolor,colorbutton,colordialog,font',
});

要更改文本的默认样式：

CKEDITOR.addCss(".cke_editable{cursor:text; font-size: 25px; color: #FFFFFF;background-color: #006991;}");
于 2021-10-22T06:16:24.073 回答