Ckeditor组件工具栏未正确刷新

Question

GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器？ 版本 113.0.5672.126（Build officiel）（64 位）可复制演示链接 https://grapesjs.com/demo-newsletter-editor.html描述一下那个虫子 如何复现这个漏洞？访问演示网站：https://grapesjs.com/demo-newsletter-editor.html清空画布并添加文字块两次： https://github.com/GrapesJS/grapesjs/assets/12775815/b6bf6a1a-6907-4054-a93b-f5939efb353f => 第一个工具栏根据文本样式正确刷新 => 第二个工具栏未正确刷新 我在任何使用该版本 grapesjs （0.21.2）的项目中都能重现这个问题 行为准则[X] 我同意遵守本项目的行为准则

artf · Accepted Answer

谢谢@acantepie请在[proper repo]（https://github.com/GrapesJS/ckeditor）中打开问题，因为这不是核心相关的问题

GJS Helper · Answer

你遇到的问题是，GrapesJS 的富文本编辑器（RTE）工具栏在切换多个文本组件时无法正确刷新状态（例如加粗、斜体按钮），这是一个已知的同步问题。这通常是因为浏览器内部选择状态或GrapesJS RTE 的更新机制无法可靠地重新评估新选中的contenteditable元素的激活命令。 根本原因 GrapesJS 使用一个 RichTextEditor 模块（通过 editor.RichTextEditor访问）来管理 RTE 工具栏。该模块监听document上的selectionchange事件，通过 document.queryCommandState()更新工具栏按钮的激活状态。当你从一个文本组件切换到另一个时，GrapesJS 正确调用新组件的 editor.rte.enable()。然而，浏览器的 selectionchange 事件可能无法立即或足够可靠地触发 新选择的正确上下文editor.RichTextEditor.updateActive()。因此，document.queryCommandState()仍可能报告之前选择的状态或空选项，导致工具栏无响应。 解...

Ckeditor组件工具栏未正确刷新

问题

GrapesJS 版本

你用的是什么浏览器？

可复制演示链接

描述一下那个虫子

行为准则

回答（2）

相关问答

当你删除组件时，组件间的重复类也会被删除。

Update breaks some things with css

图层面板：拖放让物品消失（Firefox和Chrome）

撤销不会刷新组件上的类

与此问题匹配的付费插件

相关教程

Introducing Search on GJS.Market

如何在2026年用 GrapesJS 构建AI驱动的页面构建器

2026年构建一个SaaS页面构建器需要多少钱？

浏览插件分类