CKEDITOR图像对话框大小

ckeditor image dialog size

本文关键字:对话框 图像 CKEDITOR      更新时间:2023-09-26

我已经使用 ckeditor 图像插件配置了自己的自定义映像存储库。现在我想更改图像对话框的大小。我已经检查了很多,但找到了仅用于更改文件浏览器和 ckeditor 本身的高度和宽度的属性。我如何更改在 ckeditor 工具栏中的图像图标上显示的图像对话框的大小。

这是我的代码:

CKEDITOR.editorConfig = function( config ) {    
    config.height = '350px';
    //config.width = '1000px';
    config.uiColor = '#d6d6d6';
    config.fullPage = true;
    config.extraPlugins = 'importdoc,docprops';
    config.scayt_autoStartup = true;
    config.filebrowserBrowseUrl = 'jcrPage';
    config.filebrowserImageBrowseUrl = 'jcrPage';
    config.filebrowserImageUploadUrl = 'imageUpload';
    config.filebrowserWindowHeight = 500;
    config.filebrowserWindowWidth = 500;
    config.filebrowserImageWindowWidth = 700;
    config.filebrowserImageWindowHeight = 700;
    config.toolbarGroups = [
        { name: 'document', groups: [ 'mode'] },
        { name: 'editing', groups: [ 'find', 'selection'] },
        { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
        { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align' ] },
        { name: 'links' },
        { name: 'insert' },
        { name: 'styles' },
        { name: 'colors' },
    ];
    config.removePlugins = 'flash, iframe, templates, div, source, smiley, save, newpage';
    config.removeDialogTabs = 'image:advanced';
};

谢谢

对话框的大小由 4 个属性控制:widthheightminWidthminHeight

要了解如何自定义现有对话框的定义,请参阅我之前的答案:如何自定义 ckeditor 4.2 内置插件,如链接?