如何在CKEditor中配置“图像属性”对话框?

如何在CKEditor中配置“图像属性”对话框?,ckeditor,Ckeditor,“我的当前图像属性”对话框只有可用的图像信息和链接选项卡。我想更改此对话框,以便: 我想从图像信息屏幕中删除宽度、高度、边框、HSpace、VSpace、对齐和预览元素 我想删除链接选项卡 我想启用上传选项卡,以便用户可以选择驻留在本地计算机上的图像文件 我已经做了很多搜索,但根本不知道如何做上述工作。有什么建议吗?我正在使用CKEditor 4.4.6标准。以下资源可能会有所帮助: CKEditor开发人员文档中的HOWTO部分 示例(在您本地的CKEditor包中也可以使用)——检查其源代

“我的当前图像属性”对话框只有可用的
图像信息
链接
选项卡。我想更改此对话框,以便:

  • 我想从
    图像信息
    屏幕中删除宽度、高度、边框、HSpace、VSpace、对齐和预览元素
  • 我想删除
    链接
    选项卡
  • 我想启用
    上传
    选项卡,以便用户可以选择驻留在本地计算机上的图像文件

  • 我已经做了很多搜索,但根本不知道如何做上述工作。有什么建议吗?我正在使用CKEditor 4.4.6标准。

    以下资源可能会有所帮助:

    • CKEditor开发人员文档中的HOWTO部分
    • 示例(在您本地的CKEditor包中也可以使用)——检查其源代码以了解如何进行更改
    • 显示所有CKEditor对话框窗口元素的名称和ID的插件

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

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


    这里有3个选项,您可以在此页面上看到我的评论:关于如何做到这一点。

    我已经看过了该文档,但仍然很困惑。我只想添加一个功能,让用户在本地机器上选择一个图像文件,将其包含在文本区域中,而不是指向其他地方托管的图像文件的URL。你能建议怎么做吗?我正在使用ckeditor 4.x,我试着用上面的代码删除链接标签,但是没有用。我得到了一个错误:Uncaught TypeError:无法读取null的属性'remove'。四年后,我没有在ev.data object中得到定义,这是一个很好的答案。谢谢。
    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' );
        }
    });