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

Question

我当前的图像属性对话框只有 Image Info和 Link选项卡可用。我想更改此对话框，以便:

我想从 Image Info 中删除 Width、Height、Border、HSpace、VSpace、Alignment 和 Preview 元素屏幕

我想删除 Link标签

我想启用 Upload选项卡，以便用户可以选择驻留在其本地计算机上的图像文件

我一直在进行大量搜索，但根本无法理解如何执行上述操作。请问有什么指点吗？我正在使用 CKEditor 4.4.6 标准。

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个选项，你可以在这个页面上看到我的评论: link 关于如何做到这一点。