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

发布于 2024-11-19 09:55:28 字数 382 浏览 2 评论 0原文

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

我尝试通过在对话框的加载中添加一行代码来实现此目的：

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

这似乎工作正常，我可以将图像上传到服务器，但是一旦我点击“确定”按钮，我就会获得许可否认错误。

我也按照CKSource描述的方式尝试过，但这给了我一个例外，因为它重写 onShow 方法。

原文

Is there a way to modify the image dialog of CKEditor to display the upload tab by default instead of the Image info tab?

I've tried doing this by adding a line of code to the onload of the dialog:

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

this seems to work fine, I'm able to upload the image to the server, but as soon as I hit the ok button I get a permission denied error.

I've also tried it the way CKSource describes but this gives me an exception since it overrides the onShow method.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

假装爱人 2024-11-26 09:55:28

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

回复收藏 0 原文

平定天下 2024-11-26 09:55:28

正如您所注意到的，文档中的示例已损坏，因为图像插件已经具有 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');
        };
    }
});

As you noticed, the example in the docs is broken because the Image plugin already has an onShow() method.

The trick is to chain the methods like this:

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');
        };
    }
});

回复收藏 0 原文

酒废 2024-11-26 09:55:28

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

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

回复收藏 0 原文

酒与心事 2024-11-26 09:55:28

可以使用以下脚本。

<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>

Can user following script.

<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>

回复收藏 0 原文

~没有更多了~