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

Javascript 如何更改CKEDITOR的内联工具栏的宽度?,javascript,ckeditor,Javascript,Ckeditor,内联工具栏的宽度是否可以更改为固定宽度 config.width=400不适用于内联工具栏。使用CSS如何 .cke_toolbar { width: 400px; } 内联工具栏的几何图形可以使用CSS进行调整 工具栏构建在插件之上,可以通过.cke\u float类或id属性访问插件 在浮动空间面板的内部驻留着编辑器的top空间(它持有工具栏),该空间具有.cke\u top类,可以通过JSCKEDITOR.instances.{name}.ui.Space('top')访问 长话

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


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

使用CSS如何

.cke_toolbar {
    width: 400px;
}

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

工具栏构建在插件之上,可以通过
.cke\u float
类或id属性访问插件

在浮动空间面板的内部驻留着编辑器的
top
空间(它持有工具栏),该空间具有
.cke\u top
类,可以通过JS
CKEDITOR.instances.{name}.ui.Space('top')
访问

长话短说,有3种不同的CSS方法,每种方法都应该做到:

body .cke_top,
body .cke_float,
#cke_{editor.name} {
    width: 300px;
}
注:用于增加选择器的特异性

还有一个注意事项:您可以使用JS和:


要固定的宽度是多少。?只有顶部工具栏或整个CKddTr..只有顶部工具栏,只有顶部工具栏是可见的内联CKIDITOR.请考虑编辑您的帖子,以添加更多的解释您的代码做什么,为什么它会解决这个问题。一个只包含代码的答案(即使它在工作)通常不会帮助OP理解他们的问题。
CKEDITOR.instances.{name}.ui.space( 'top' ).setStyle( 'width', '100px' )