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
类,可以通过JSCKEDITOR.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' )