CKEditor 5 - VueJS - 当文本字段小于所有项目组合的宽度时,工具栏不换行
CKEditor 5 - VueJS - Toolbar not wrapped when text field is smaller than width of all items combined
当所有工具栏项目的宽度超过工具栏宽度时,它会将所有项目移动到子菜单中(右侧 3 个点),而不是在其他版本上我看到它要么将它们换行(首选) 或者只是将一些项目移动到子菜单中。
如你所见,如果我按那个...菜单,它们都消失了。它显示为一条大线。
我正在按照 ckeditor 网站上的 vue 集成指南使用 ckeditor5-vue 库 + 在菜单中添加了一些额外的项目。
工具栏上没有关于如何手动变形或任何内容的文档。感谢所有帮助。
只需为工具栏配置添加选项 shouldNotGroupWhenFull: true
即可解决该问题:
我已经设置了 shouldNotGroupWhenFull: true
,即使项目列表小于编辑器大小的宽度,三个点仍然出现:
我在 Vue 中使用 CK 编辑器 5:
"@ckeditor/ckeditor5-build-classic": "^34.0.0",
"@ckeditor/ckeditor5-vue2": "^3.0.0",
当所有工具栏项目的宽度超过工具栏宽度时,它会将所有项目移动到子菜单中(右侧 3 个点),而不是在其他版本上我看到它要么将它们换行(首选) 或者只是将一些项目移动到子菜单中。
如你所见,如果我按那个...菜单,它们都消失了。它显示为一条大线。
我正在按照 ckeditor 网站上的 vue 集成指南使用 ckeditor5-vue 库 + 在菜单中添加了一些额外的项目。
工具栏上没有关于如何手动变形或任何内容的文档。感谢所有帮助。
只需为工具栏配置添加选项 shouldNotGroupWhenFull: true
即可解决该问题:
我已经设置了 shouldNotGroupWhenFull: true
,即使项目列表小于编辑器大小的宽度,三个点仍然出现:
我在 Vue 中使用 CK 编辑器 5:
"@ckeditor/ckeditor5-build-classic": "^34.0.0",
"@ckeditor/ckeditor5-vue2": "^3.0.0",