draft-js-plugins

0熱

1答えて

カスタムブロックをレンダリングすることは可能ですか？ここに私が達成しようとしているものの例があります。 ReadOnlyComponentコンポーネントは読み取り専用である必要がありますが、WriteComponentには編集可能なデータが含まれています。ここで class CustomBlock extends React.Component { props: Props;

0熱

1答えて

draft-js-mention-pluginを使ってプログラムでコメントを追加するにはどうすればよいですか？

問題：私はdraft-js + draft-js-mention-pluginで作成したコンテンツの編集インターフェイスを作成しようとしています。ただし、editorStateは保持されず、プレーンテキストのみが保持されました。メンメンションはオブジェクトの配列として保存されました。今度は、そのデータでeditorStateを再作成する必要があります。例：editorStateを作成するには

0熱

1答えて

なぜinstanceof Mapがfalseを返すのですか？

Draft.jsプラグインMentionを使用しています。 editorState.content.entityMap.mentionについては、私は正常に mention.get('address') で値を取得することができますしかし、私はそれはそれはfalseを返し console.log('mention', mention); console.log('mention insta

1熱

1答えて

draft-jsをhtml I/Oを扱うカスタムコンポーネントに変換する

私はこの反応コンポーネントを抽象化しなければなりませんdraft-jsエディタ。私のreduxストアはこのdescriptionフィールドを通常のHTML文字列にする必要があります。エディタはvalueのHTML文字列を受け取り、内部のもの（draftjs stuff）に解析できます。コンテンツを変更するときは、最終的なHTMLコンテンツでonChange小道具を発射する必要があります。言い換え

1熱

1答えて

Draft.jsで画像の縦方向のサイズ変更に失敗しました

Draft.jsプラグインResizeableを使用しています。元の縦横比で画像のサイズを変更しようとしています。しかし、以下のコードでは、マウスを使用してイメージの下端でサイズを変更すると、カーソルは変更されましたが、サイズ変更に失敗しました。左右のエッジでのみうまく動作します。 codesandbox const resizeablePlugin = createResizeablePlu

0熱

1答えて

Draft.jsスタイルが機能しない

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

1熱

1答えて

ドラフトJSプラグインは以下を生成します：警告：ReactはDOM要素のisFocused小道具を認識しません

私のアプリにdraft-js-mention-pluginを関与させる際に問題があります。「警告：：DOM要素にisFocusedの小道具を認識しない反応し、あなたが意図的にそれがカスタム属性としてDOMに表示したい場合は、代わりにisfocused小文字としてそれを綴るの場合。。顔をしている、してください誤ってそれを親コンポーネントから渡した場合は、DOM要素から削除してください。してくださ

0熱

1答えて

draft-js-plugins-editorからエディタをインポートすると、空のプロジェクトにTypeErrorsが発生する

私はWebstormで新しいReactプロジェクトを作成しました。 draft-jsとdraft-js-plugins-editorをプラグインdraft-js-hashtag-pluginとdraft-js-mathjax-plugin（ノードの使用）とともにインストールしました。私は彼らの「始めている」on their Githubに従っていますが、この例は私のためには機能しません。できるだ

0熱

1答えて

ドラフト.js。どのように私はブロック原子を更新することができます：イメージsrcの後に例えば記事の保存？

draft.jsのeditorStateで画像ブロックを更新する際に問題があります。アトミックを変更したい：ボタンの保存時にイメージsrc。だから、SRCは、今例えばブロブです：http://localhost:3000/7661d307-871b-4039-b7dd-6efc2701b623 が、私は私が私がSRC文字列にアクセスすることができます知っている onSave(e) { e.p

0熱

1答えて

すぐに2つの操作でeditorStateを更新します

spaceバーを入力すると、単語を2つの単語に分割しようとしています。テキスト内のすべての単語は実体なので、単語を2つに分割すると、テキストを更新して新しいエンティティを作成する必要があります。両方のアップデートにModifierモジュールを使用しています。 const editorStateAfterText = EditorState.push( editorState,