Question

有没有办法修改CKEditor的图像对话框以默认显示上传标签而不是图像信息标签？

我试过通过在对话框的onload中添加一行代码来实现这一点：

onLoad: function() {
    this.getDialog().selectPage('Upload');
}

这似乎工作正常，我可以将图像上传到服务器，但是一旦我按下确定按钮，我就会收到权限被拒绝错误。

我也按照CKSource describes的方式尝试过，但这会给我一个例外，因为它会覆盖onShow方法。

Answer 1

通过将this.selectPage('Upload');添加到图像插件的onShow函数的末尾来解决此问题

Answer 2

正如您所注意到的，文档中的示例已被破坏，因为Image插件已经有一个onShow（）方法。

诀窍是链接这样的方法：

CKEDITOR.on('dialogDefinition', function(e) {
    if (e.data.name == 'image') {
        var dialog = e.data.definition;
        oldOnShow = dialog.onShow;
        dialog.onShow = function() {
             oldOnShow.apply(this, arguments);
             this.selectPage('Upload');
        };
    }
});

Answer 3

本文档解释了如何在ckeditor配置中默认设置对话框选项卡：

http://docs.cksource.com/CKEditor_3.x/Howto/Default_Dialog_Tab

Answer 4

用户可以关注脚本。

<script type="text/javascript">

    CKEDITOR.on('dialogDefinition', function(ev) {

    var dialogName = ev.data.name;
    var dialogDefinition = ev.data.definition;

    if (dialogName == 'image') {
        dialogDefinition.onShow = function () {
            // This code will open the Upload tab.
            this.selectPage('Upload');
        };
    }
});
</script>

CKeditor默认选择图像对话框中的上传选项卡

4 个答案: