javascript - 内联 CKEditor 工具栏没有 h2 元素的对齐按钮

Question

(也在他们的演示页面 http://ckeditor.com/demo#inline )

为什么会出现这样的情况呢？即使我采用他们的内联示例( http://nightly.ckeditor.com/13-02-08-08-51/standard/samples/inlineall.html )并删除标题 block 的单独工具栏的 js 代码，我仍然没有获得对齐选项。

我想为用户提供对齐标题的选项。我缺少什么？

我也没有获得其他“阻止”选项，例如 BulletedList，但这不是什么问题。

更新:要重复此问题，您需要将 contenteditable="true"应用于标题元素。因此，一种解决方法是将标题包装在带有 contenteditable="true"的 div 中。但这对我的情况没有帮助。

Answer 1

从 CKEditor 4 开始，您需要 Justify 插件。

1. Download Justify plugin here
2. 将其粘贴到 ckeditor/plugins/
3. 将该插件添加到您的 ckeditor。

这是 JavaScript 代码:

$(function() {
    CKEDITOR.config.extraPlugins = 'justify';
});     

您无需再做任何事情，Justify插件将自动添加到paragraph工具栏组

编辑

通过对齐，我以为你在谈论右|中心|左对齐。

在这里，对于 h 标签，我们有这些组:

if ( element.is( 'h1', 'h2', 'h3' ) || element.getAttribute( 'id' ) == 'taglist' ) {
    editor.on( 'configLoaded', function() {
       editor.config.removePlugins = 'colorbutton,find,flash,font,' +
          'forms,iframe,image,newpage,removeformat,scayt,' +
          'smiley,specialchar,stylescombo,templates,wsc';
       editor.config.toolbarGroups = [
          { name: 'editing', groups: [ 'basicstyles', 'links' ] },
          { name: 'undo' },
          { name: 'clipboard', groups: [ 'selection', 'clipboard' ] },
          { name: 'about' }
       ];
    });
}

['basicstyles', 'links', 'undo', 'selection', 'clipboard', 'about']，没有align组，只需添加它。

安装新的 CKEditor 后您无需修改​​任何内容，该组已经在内联基本配置中