如何删除CKEditor 4中图像的“高度”设置

Question

我需要删除CKEditor 4中图像的“高度”设置，我的意思是用户只允许输入“宽度”。简单地隐藏HTML中的“高度”是不够的，因为CK编辑器4无论如何都会在CSS中增加高度。我需要它停止增加高度，并隐藏这个选项。“锁定比例”图标应该消失，“恢复大小”图标应该工作，但只设置宽度以及。我该怎么做？非常感谢:-)

Answer 1

请尝试以下代码：

var editor = CKEDITOR.replace( 'editor1', {
    disableObjectResizing : true
});
CKEDITOR.on( 'dialogDefinition', function( ev ) {
    var dialogName = ev.data.name;
    var dialogDefinition = ev.data.definition;
    var  editorO = ev.data.definition.dialog.getParentEditor();

    if ( dialogName == 'image' || dialogName == 'image2' ) {
        var infoTab = dialogDefinition.getContents( 'info' );

        if( dialogName == 'image' ){
            infoTab.remove('txtHeight');
            infoTab.remove('ratioLock');
        }
        else{
            infoTab.remove('height');
            infoTab.remove('lock');
        }
    }
});

您需要在对话框文件中查找id's：

• https://github.com/ckeditor/ckeditor-dev/blob/major/plugins/image/dialogs/image.js#L694
• https://github.com/ckeditor/ckeditor-dev/blob/major/plugins/image2/dialogs/image2.js#L478