javascript - Draft.js 样式不起作用

Question

我正在尝试将 Draft.js 与 Image 插件一起使用。这是我的问题。我设法让它工作，但没有加载样式，编辑器占用整个页面并且按钮没有样式。

我从提供的 CSS 加载样式

import './Draft.css';
import editorStyles from './editorStyles.css';
import 'draft-js-image-plugin/lib/plugin.css';

但它什么也没做。我正在使用 Create React App，所以style-loader应该css-loader可以正常工作。

谢谢您的帮助。

score 2 · Accepted Answer

关于draft-js-image-plugin/lib/plugin.css. 它看起来像插件文档中的一个错误。我们可以在那里阅读：

该插件附带一个默认样式，可在已安装包的此位置使用： node_modules/draft-js-image-plugin/lib/plugin.css

但是如果我们在我们的node_modules目录中检查这个文件，我们会看到这个文件是空的。没有任何风格。

关于其他风格。检查您的Draft.css文件editorStyles.css和这些文件是否位于与您的组件相同的目录中。你在控制台中有一些错误吗？如果您提供完整的代码，那就太好了。

1 回答 1