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

标签 javascript ckeditor

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

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

最佳答案

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

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

在 Floating Space 面板内部驻留了编辑器的 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' )

关于javascript - 如何更改 CKEDITOR 内联工具栏的宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32858739/

相关文章:

javascript - 删除父级上动态添加的 div 会导致其再次追加

javascript - $locationProvider.html5Mode 工作不完美

java - 如何将换行符从我的 Servlet 传递给 JavaScript?

javascript奇怪的错误

javascript - 如何将插件安装到 CkEditor,Django

javascript - CKEditor 5 注册多个上传适配器

html - Drupal 8.2.x 文本编辑器 stripping-removing "div classes"

javascript - jQuery 产品查看器

javascript - CKEditor 自动插入\n

javascript - 编辑器 : Remove selection and set cursor position at the end of selection