CKEditor.net表类

Question

在asp.net C# and应用中，我使用的是CKEditor 3.6.2，我遇到了以下问题：

在我的样式表中，我有一个在表格中使用的CSS类，我正在尝试将这个类带到"Table properties“、"Advanced”选项卡和"Stylesheet Classes“字段中。

我想用字符串"blue_table“填充这个字段，它是我的CSS类的名称。我正在使用"table“插件的源代码。我已经知道如何更改宽度和高度等字段的值，但我想要的是"Stylesheet Classes“字段。

您是否知道要为此字段设置默认值？

Answer 1

您不必编辑ckeditor.js文件即可自定义编辑器。您可以将以下内容添加到config.js中，并在站点范围内使用它，或者在使用CKEditor的任何页面上(如下所示，在script标记内，在您使用的编辑器字段之后)。

<script type="text/javascript">
    CKEDITOR.on( 'dialogDefinition', function( ev ) {

        // Take the dialog name and its definition from the event data.
        var dialogName = ev.data.name;
        var dialogDefinition = ev.data.definition;

        // Check if the definition is from the dialog we're
        // interested on (the Table dialog).
        if ( dialogName == 'table' ) {

            // Set the tab
            var advTab = dialogDefinition.getContents( 'advanced'); 

            // Grab the field
            var stylesField = advTab.get('advCSSClasses');

            // Set the default value
            stylesField['default'] = 'blue_table';
        }
    });
</script>

这是从CKEditor documentation修改的。最困难的部分是计算出对话框中使用的所有字段的in和名称。

Answer 2

我终于找到了答案。此属性位于对话框的advCSSClasses选项卡中的“property”属性中。问题是这个插件位于核心js中，我指的是ckeditor.js。

我不得不这么做：

children :
[
    {
        id : 'advCSSClasses',
        att : 'class',
        type : 'text',
        label : lang.cssClasses,
        'default' : 'blue_table',
        setup : setupAdvParams,
        commit : commitAdvParams
    }
]

现在的“问题”是我必须在ckeditor.js中完成，这不是一个好的做法。问题解决了，但不是最好的方法。