CKEditor 5 - 在外部操作/事件上为编辑器在深色和浅色主题/背景之间切换

Question

我在 React 应用程序中使用 CKEditor5，并尝试实现一个切换以在 CKEditor5 的深色和浅色主题之间切换。

从他们的文档中我发现了这一点：https://ckeditor.com/docs/ckeditor5/latest/framework/guides/deep-dive/ui/theme-customization.html

该文档主要描述了从头开始设置编辑器主题样式并构建 ckeditor 包，该包本质上定义了编辑器的默认样式主题。

但是我试图找出一种通过操作编辑器背景和插件颜色的方法。基于事件触发的 CSS 动态（当用户通过切换按钮切换整个网站的 UI 主题时），即在编辑器的浅色和深色主题之间切换。 有没有任何方法/指针可以完成此操作？

现在，在我的 React 组件中，我通过以下方式调用 CKEditor 组件以将其呈现在 UI 上：

      <div>
        <CKEditor
          editor={Editor}
          config={editorConfiguration}
          disabled={isReadOnlyMode}
          data={fieldValue}
          onReady={(editor) => {
            if (isReadOnlyMode) {
              const toolbarElement = editor.ui.view.toolbar.element;
              toolbarElement.style.display = "none";
            }
          }}        
        />
      </div>

Answer 1

您找到解决这个问题的方法了吗？令我惊讶的是，官方文档中没有涵盖这个主题。