CKEditor和JavaScript - 在CKEditor中调整高度和宽度

Question

如何在CKEditor中调整高度？

这是我的CKEditor代码。

<script type="text/javascript">
    CKEDITOR.replace( 'content',
        {
            toolbar :
            [
                ['Source'],
                ['Bold','Italic','Underline','Strike'],
            ]
        });
</script>

Answer 1

在参数中添加高度和宽度设置：

CKEDITOR.replace( 'content',
    {
        toolbar :
        [
            ['Source'],
            ['Bold','Italic','Underline','Strike'],
        ],
        height: 300,
        width: 400
    });

Answer 2

转到confi.js文件并在

CKEDITOR.editorConfig = function( config ) {
.
.
.
.
**config.height = 320;**
};

所以实际上你只需要添加config.height = required height; 。

Answer 3

这可以通过在公共脚本文件中添加几行代码轻松完成。

1. 创建一个成员变量来获得段落标签的总大小var ttl = 0;
2. 检查每个段落元素以获得它的外部高度并将值追加到总$（）。find（'p'）。each（function（）{ttl + = $（this）.outerHeight（true）;}）;
3. 添加被忽略的编辑器页眉和页脚大小。 这是120px！ var total =总数+ 120;
4. 参考你的var etr = CKEDITOR.instance [''];
5. 根据总数调整窗口大小。 etr.resize（，）;

**注意：无论是宽度还是高度，都不需要提及'px'。 '％'是必须的！

而已！