CKEditor 设置宽度答案

【问题标题】：CKEditor set widthCKEditor 设置宽度
【发布时间】：2013-02-11 07:49:35
【问题描述】：

我正在使用带有内联编辑功能的 CKEditor 4。我想为出现的 CKEditor 工具栏设置自定义高度。我环顾四周，找到了解决方案

config.height = 300;
config.width = 550;

我在config.js文件中写了上面两行。但可悲的是，它对我不起作用。

有什么想法吗？还是内联编辑不支持自定义高度？

编辑：

我也曾在我的 js 中尝试过这个

editor.resize( 900, 300 );

但没有运气

【问题讨论】：

我只玩了一点内联功能，所以可能有更好的方法可以做到这一点，但内联模式下工具栏的尺寸似乎由按钮布局控制。因此，要使其具有一定的宽度，只需在所需按钮后放置换行符，高度将是按钮行的总和。让工具栏在没有按钮的情况下占用空间有什么意义吗？
问题是，如果我有太多按钮，它就会超出我的容器。正如你所提到的，我想让我的控件分成两行，以便我的编辑器垂直扩展，而不是水平扩展
标准工具栏换行符'/'对你有用吗？
我不知道这一点以及如何实现它。可以举个例子吗？
好的，我找到了一个例子。这是工作。感谢您的帮助:)

标签： javascript ckeditor

【解决方案1】：

只需按照 Zee 在评论区的建议使用换行符“/”即可。

例如：

  config.toolbarGroups = [
        { name: 'clipboard',   groups: [ 'clipboard', 'undo' ] },
        { name: 'editing',     groups: [ 'find', 'selection', 'spellchecker', 'basicstyles', 'cleanup'] },
        '/',
        { name: 'paragraph',   groups: [ 'list', 'indent', 'blocks', 'align' ] },
        { name: 'links' },
        ...
]

换行符会将按钮分成两行。

【讨论】：

正如您在评论中看到的那样，这就是我已经在做的事情。
@MandeepJain，是的，但是写一个答案可以帮助遇到同样问题的其他人更快地看到解决方案。所以他们不会贸然下结论说这是一个未解决的问题。你可以写一个答案，我会很乐意删除我的。干杯