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

Question

（也在他们的演示页http://ckeditor.com/demo#inline上）

为什么会这样？即使我采用他们的内联样本（http://nightly.ckeditor.com/13-02-08-08-51/standard/samples/inlineall.html）并删除标题块的单独工具栏的js代码，我仍然没有得到对齐选项。

我想为用户提供对齐标题的选项。我错过了什么？

我也没有像BulletedList那样获得其他“阻止”选项，但这不是一个问题。

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

Answer 1

你需要自CKEditor 4以来的Justify插件。

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

以下是javascript代码：

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

你没有其他任何事情要做，Justify插件会自动添加到paragraph toolbarGroup

修改

alignment，我以为你在谈论right|center|left对齐。

在这里，对于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安装后，您不必修改任何事件，该组已经在内联基本配置中

Answer 2

无法在h2上启用对齐按钮。 CKEditor无法修改可编辑的容器，因为从编辑器获取的数据中不会显示该更改，因为editor.getData()返回innerHTML而不是outerHTML。

我也担心不存在简单的旁路。您可以使用可编辑的h2打包div，设置enterMode = BR，从工具栏中删除格式组合等按钮，但这仍然是不完整的解决方案，因为用户可以删除h2 ，通过粘贴一些块元素将其拆分或以某种方式离开它并在其外部写入。这个问题可能会修复，但我想你不想再花这个月了:)。

Answer 3

所以，一年后我回来以不同的方式处理它。我采用了对齐插件，并制作了一个副本，它只适用于原始插件不具备的元素。我必须修改它以满足我的需要，但评论以下是一个开始（plugin.js）：

if ( editor.blockless )
  return;

我不知道这有多有趣，但如果有人需要，请留言，我会发布整个来源。它基本上将text-align css添加到编辑器元素，而不是内部块元素。

Answer 4

确保您使用的是Full CKEditor版本