2017-11-27 30 views
0

ImageプラグインでDraft.jsを使用しようとしています。ここに私の問題があります。 私はそれを動作させることができますが、スタイルはロードされず、エディタはページ全体を取り、ボタンはスタイルされません。Draft.jsスタイルが機能しない

enter image description here

私が提供するCSS

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

からスタイルを読み込むしかし、それは何もしません。 私はReact Create Appを使っていますので、style-loadercss-loaderはうまく動作するはずです。

ありがとうございます。

答えて

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で、このファイルがコンポーネントと同じディレクトリにあることを確認してください。コンソールにエラーがありますか?あなたのコードを完全に提供すれば素晴らしいでしょう。

+0

いいえ、コンソールエラーは表示されません.CSSファイルは同じディレクトリにあります。しかし、plugin.cssのコンテンツを手に入れることができる方法はありますか? –

+0

このプラグイン開発者チームのメンバーだけが、このファイル内のスタイルを知っています。私はあなたが公式のレポジトリに問題を開き、それらに尋ねることができると思います。 –

関連する問題