Question

如何更改CKEditor 5的宽度？

我发现了如何更改高度（请参见下文），但是不幸的是，此技巧不适用于宽度，因为它仅更改了文本区域的宽度（工具箱保持原始宽度）。

<style>
    .ck-editor__editable {
        min-height: 800px;
    }
</style>

预先感谢

更新

在其他人遇到相同问题的情况下的解决方案：

<style>
    /*Textbox*/
    .ck-editor__editable {
        min-height: 800px;
        max-height: 800px;
        min-width: 860px;
    }
    /*Toolbar*/
    .ck-editor__top {
        min-width: 860px;
    }
</style>

Answer 1

要编辑文本区域的高度，只需更改标记。

<textarea rows="12">

</textarea>

添加更多行将获得更高的文本区域。

您可以使用列来更改宽度

<textarea cols="100">

</textarea>

Answer 2

您可以尝试

<style> .ck.ck-editor {width: 200px;} </style>

您可以用来检查Google Chrome或Firefox检查器中的元素。

Answer 3

如果配置不起作用，可以通过编程方式完成，并且无需CSS。您可以在这里参考我的answer。

CKEditor 5更改宽度

3 个答案: