Draft.js样式不起作用

时间:2017-11-27 11:40:57

标签: javascript css reactjs draftjs draft-js-plugins

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

enter image description here

我从提供的CSS加载样式

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

但它没有做任何事情。 我正在使用Create React App,因此style-loadercss-loader应该可以正常工作。

感谢您的帮助。

1 个答案:

答案 0 :(得分:1)

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

  

该插件附带了默认样式,位于此位置   已安装的包:   node_modules/draft-js-image-plugin/lib/plugin.css

但是如果我们在node_modules目录中检查此文件,我们会看到此文件为空。没有任何风格。

enter image description here

关于其他款式。检查您是否有Draft.csseditorStyles.css个文件,这些文件位于组件所在的目录中。你在控制台有错误吗?如果你提供完整的代码,那就太好了。