如何在CKEditor中配置"图像属性"对话框？

Question

我现在的图像属性对话框仅拥有Image Info和Link标签可用.我想更改此对话框,以便:

1. 我想从Image Info屏幕上删除宽度,高度,边框,HSpace,VSpace,对齐和预览元素
2. 我想删除Link标签
3. 我想启用该Upload选项卡,以便用户可以选择驻留在其本地计算机上的图像文件

我一直在做很多搜索,但根本无法理解如何完成上述操作.有什么指针吗？我使用的是CKEditor 4.4.6 Standard.

Answer 1

好的,这是关于如何处理图像对话框的代码:

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

    if (dialogName == 'image') {
        var infoTab = dialogDefinition.getContents( 'info' );
        infoTab.remove( 'txtBorder' ); //Remove Element Border From Tab Info
        infoTab.remove( 'txtHSpace' ); //Remove Element Horizontal Space From Tab Info
        infoTab.remove( 'txtVSpace' ); //Remove Element Vertical Space From Tab Info
        infoTab.remove( 'txtWidth' ); //Remove Element Width From Tab Info
        infoTab.remove( 'txtHeight' ); //Remove Element Height From Tab Info

        //Remove tab Link
        dialogDefinition.removeContents( 'Link' );
    }
});

对于第3点,默认的CKEditor不包含图像浏览工具......这意味着上传和浏览按钮不会出现......

这里有3个选项,您可以在此页面上看到我的评论:链接如何执行此操作.