ckeditor - 如何以编程方式为 CKEditor 设置默认表属性？

Question

我正在尝试设置在 CKEditor 中创建的表的默认属性。

例如，有没有办法确保属性边框是 0 而不是 1，或者宽度默认设置为 100%。

Answer 1

干得好。dialogDefinition事件解决问题：

CKEDITOR.on( 'dialogDefinition', function( ev ) {
    var dialogName = ev.data.name;
    var dialogDefinition = ev.data.definition;

    if ( dialogName == 'table' ) {
        var info = dialogDefinition.getContents( 'info' );

        info.get( 'txtWidth' )[ 'default' ] = '100%';       // Set default width to 100%
        info.get( 'txtBorder' )[ 'default' ] = '0';         // Set default border to 0
    }
});

CKEDITOR.replace( 'editor1' );

更多阅读：

• 本官方指南将帮助您使用对话框 API（也使用devtools插件）。
• 在 CKEditor 对话框中查找 ID 和元素时， Devtools插件很有帮助。

玩得开心！

Answer 2

如果您需要在第一次创建表格时以及稍后编辑表格属性时更改表格选项，那么除了“table”之外，您还需要定位“tableProperties”，如下所示：

CKEDITOR.on( 'dialogDefinition', function( ev ) {
var dialogName = ev.data.name;
var dialogDefinition = ev.data.definition;

  if ( dialogName == 'table' || dialogName == 'tableProperties' ) {
      var info = dialogDefinition.getContents( 'info' );

      info.get( 'txtWidth' )[ 'default' ] = '100%';       // Set default width to 100%
      info.get( 'txtBorder' )[ 'default' ] = '0';         // Set default border to 0
  }
});

CKEDITOR.replace( 'editor1' );

这是来自@oleq 答案的@DanH 评论。但我认为值得投入自己的答案，因为我第一次进行此更改时忽略了这一点。