【问题标题】: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-loadercss-loader 应该可以正常工作。

感谢您的帮助。

【问题讨论】:

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


    【解决方案1】:

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

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

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

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

    【讨论】:

    • 不,我没有看到任何控制台错误,并且 css 文件位于同一目录中。但是,有什么方法可以让我获得 plugin.css 内容以便将其粘贴到那里?
    • 只有这个插件开发团队的成员才知道这个文件中的样式应该是什么。我认为您可以在官方存储库中打开一个问题并询问他们。
    猜你喜欢
    • 1970-01-01
    • 2014-12-22
    • 2014-06-05
    • 2018-11-01
    • 2018-11-22
    • 2021-11-20
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多