Jodit React 文本编辑器主题问题

Question

我正在使用名为 jodit-react 的文本编辑器 npm 包。我想使用我自己的自定义主题。但我无法获得使用自定义主题的正确文档。有人在这个包上使用过自定义主题吗？

我只能使用该包的深色和浅色主题

Answer 1

为了为 Jodit 编辑器创建自定义主题，您必须在编辑器的配置中设置主题名称：

const editorConfig = {
   theme: 'custom',
}

该设置将使您能够使用名为“jodit_theme_custom”的 CSS 类。如果您愿意，您可以将主题命名为其他名称，因为“jodit_theme_”会附加在您在主题设置字符串中写入的内容的开头。

然后在 CSS 中您可以将主题自定义为 CSS 类：

.jodit_theme_custom {
    --jd-color-background-default: #ffffff;
    --jd-color-border: #044406;
    --jd-color-panel: #9bffe1;
    --jd-color-icon: #044406;
}

文档主题：https://xdsoft.net/jodit/examples/theme/dark.html
文档 React 示例：https://xdsoft.net/jodit/examples/intergration/react-jodit.html