Question

我正在使用CKEditor并希望调整编辑器的大小。我正在做以下事情：

<head runat="server">

    <script src="../../../../../js/jquery-1.10.2.min.js" type="text/javascript"></script>
    <script src="../../../../../ckeditor/ckeditor.js" type="text/javascript"></script>
    <script src="../../../../../js/ckeditor_initialize.js" type="text/javascript"></script>

    <script type="text/javascript">
        function ResizeEditor() {
            var editor = CKEDITOR.replace('tbEditor');
            editor.resize('100', '800');
        }
    </script>
</head>
<body onload="ResizeEditor();">
    <form id="form1" runat="server">
        <asp:TextBox class="ckeditor" ID="tbEditor" runat="server" ClientIDMode="Static" TextMode="MultiLine"></asp:TextBox>
    </form>
</body>

但它似乎不起作用。我想我可能错误地得到了CKEditor实例。有人可以解释我做错了吗？

我正在使用带有.net 4.5的CKEditor 4。

Answer 1

您可以直接在CKEDITOR.replace方法中设置尺寸：

CKEDITOR.replace( 'tbEditor', { width: 800, height: 100 } );

Answer 2

您可以通过以下方式调整Ckeditor的大小： -

var editor = CKEDITOR.instances[id];
editor.config.resize_dir = 'both';   //if you want to enable resizing, else use resize_enabled = false;
editor.config.height = 'your height';
editor.config.width = 'your width';

Answer 3

我只需要调整页面上只有一个编辑器而不是所有编辑器。这就是我在4.7.0版本中的做法

CKEDITOR.on('instanceLoaded', function (e) {

     if (e.editor.name == 'html_name_of_your_DOM_element') {
        e.editor.resize(800, 350);
     }
});

Answer 4

这里没有替换，因为我之前需要销毁，我知道你不必这样做。

你可以这样调整大小：

var editor = CKEDITOR.instances['tbEditor'];
if (editor) {
     editor.resize(100, 800);
}

调整CKEditor的大小

4 个答案: