如何在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个选项,您可以在此页面上看到我的评论:关于如何做到这一点。我已经看过了该文档,但仍然很困惑。我只想添加一个功能,让用户在本地机器上选择一个图像文件,将其包含在文本区域中,而不是指向其他地方托管的图像文件的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' );
}
});