如何在 CKEditor 4 中删除图像的 "height" 设置

Question

我需要删除 CKEditor 4 中图像的 "Height" 设置。我的意思是只允许用户输入 "Width"。简单地将 "Height" 隐藏在 HTML 中是不够的，因为 CK Editor 4 无论如何都会在 CSS 中添加高度。我需要它完全停止增加高度并隐藏此选项。 "Lock proportions" 图标应该消失，"Restore size" 图标应该可以工作，但也只设置宽度。我怎样才能做到这一点？非常感谢:-)

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：

如何在 CKEditor 4 中删除图像的 "height" 设置

How to remove "height" setting for images in CKEditor 4

javascript

ckeditor

ckeditor4.x