如何更改CKEDITOR的内联工具栏的宽度？

Question

内联工具栏的宽度是否可以更改为固定宽度？

config.width=400;不适用于内联工具栏。

Answer 1

可以使用CSS调整内联工具栏的几何图形。

工具栏构建在Floating Space插件之上，可以通过.cke_float类或#cke_{editor.name} id属性进行访问。

浮动空间面板内部位于编辑器的top空间（它包含工具栏），该空间具有.cke_top类，可以使用JS CKEDITOR.instances.{name}.ui.space( 'top' )进行访问。

长话短说，有3种不同的CSS方法，每种方法都应该做到这一点：

body .cke_top,
body .cke_float,
#cke_{editor.name} {
    width: 300px;
}

注意：使用body来增加选择器的特异性。

另一个注意事项：你可以对JS和CKEditor API做同样的事情：

CKEDITOR.instances.{name}.ui.space( 'top' ).setStyle( 'width', '100px' )

Answer 2

如何使用CSS？

.cke_toolbar {
    width: 400px;
}