首页 > 解决方案 > CKEditor 5 - VueJS - 当文本字段小于所有项目组合的宽度时,工具栏未包装

问题描述

当所有工具栏项目的宽度超过工具栏宽度时,它将所有项目移动到一个子菜单中(右侧 3 个点),而不是在其他版本中,我看到它要么将它们换行(首选),要么只是移动一个几个项目进入子菜单。

全没了

如您所见,如果我按那个...菜单,它们都消失了,它显示为一条大线。

包裹在...菜单中

我正在使用 ckeditor5-vue 库,遵循 ckeditor 网站上的 vue 集成指南 + 在菜单中添加了一些额外的项目。

工具栏上没有关于如何手动变形或任何内容的文档。所有帮助表示赞赏。

标签: vue.jsckeditor

解决方案


只需添加shouldNotGroupWhenFull: true工具栏配置选项即可解决该问题:

截屏


推荐阅读