CKEditor 5 工具栏下拉菜单条目太多导致溢出问题

CKEditor 下拉菜单选项多放不下 溢出屏幕 解决方案

发布用户:小梦

2023/03/31 17:33


我在使用 CKEditor 5 时发现工具栏条目太多会导致溢出屏幕的问题,比如我在字体配置中加了 10 来个字体:

奇怪的是同样的下拉工具栏,像“插入代码块”功能的显示却是正常的:

这个功能在下拉条目很多时就能够正常显示出滚动条而不会溢出屏幕,在我研究时发现“插入代码块”功能的样式中多出了一点代码:

.ck.ck-code-block-dropdown .ck-dropdown__panel {
   max-height: 250px;
   overflow-x: hidden;
   overflow-y: auto;
}

正是这几行关键的样式代码决定了“插入代码块”功能的正常显示,反观“字体”功能的下拉菜单却没有这一关键代码,所以我就按照原有的命名和格式手动在页面中加入了关于“字体”下拉菜单的这一关键代码:

.ck.ck-font-family-dropdown .ck-dropdown__panel {
   max-height: 250px;
   overflow-x: hidden;
   overflow-y: auto;
}

修改经测试显示正常:



代码写多了,脑力不够用了,请我喝杯咖啡提提神 ☕

警告!禁止网络诈骗、非法集资、非法套现等法律外的缘由转账汇款,你的赞赏转账请考虑再三后支付,此收款不作任何形式的退款。





金额:

* 支付宝支付后如果没有自动返回请手动返回此页并刷新。



* 在线内容服务不支持任何形式的退款/退费操作;支付后的订单记录可以在“用户主页 - 用户订单中心”查看。

此网站可能不完全兼容您目前的浏览器!
此页随时可能被替换下线,请不要依赖此页功能!
此页正在维护更新,可能会出现错误或卡顿。
通知 & 公告

暂时还没有消息