Draft.js 样式不起作用答案

【问题标题】：Draft.js styles not workingDraft.js 样式不起作用
【发布时间】：2018-05-10 15:29:12
【问题描述】：

我正在尝试将 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 应该可以正常工作。

感谢您的帮助。

【问题讨论】：

【解决方案1】：

关于draft-js-image-plugin/lib/plugin.css 中的样式。在the plugin documentation 中看起来像是一个错误。我们可以在那里阅读：

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

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

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

【讨论】：