draftjs

0熱

1答えて

反応コンポーネントのDraft-js生オブジェクトを取得して表示するにはどうすればよいですか？

ドラフト-JSの著者は（https://github.com/facebook/draft-js/issues/62）彼は、「任意の変換ユーティリティをリリースしたくなかった」と言ったものの、私はまだデータベースに生のオブジェクトを保存した後、どのように我々は便利取得できることをお願いしたいと思いますし、反応成分に生のオブジェクトを表示しますか？ readOnly小道具を備えたDraft-js

2熱

1答えて

readOnly propがtrueの場合、Draft.jsエディタでカスタムレンダリングブロックを読み込み専用にするにはどうすればよいですか？

Draft.js Editorコンポーネントを使用しています。私はカスタムブロックレンダラーをblockRendererFn propで正しく指定しました。このコンポーネントは、Draft documentationにアドバイスされているように、draft-jsからEditorBlockをインポートしてレンダリングします。私がカスタムブロックレンダラに入る小道具では、ブロックが読み込み専用であるか

2熱

2答えて

Draft.js VS CKEditor？

Draft.JSはCKEditorの代替品といえますか？私はDraft.jsについて読んだことがあります。これまでのところ、React.jsのためだけに書かれていますが、CKEditorはPHP、JS、そしてすべてで使用できます。

4熱

1答えて

Draft.jsエディタが空です

draftjsエディタの内容が空であることをテストするにはどうすればよいですか？私が今持っている唯一のアイデアは、この関数から返されたオブジェクトに対するオブジェクトの比較である：EditorState.createEmpty().getCurrentContent()

2熱

1答えて

Draft.jsのRichUtils.toggleInlineStyleが機能しない

Draft.jsのRichUtils.toggleInlineStyleが正しく機能しません。助けてください！私のコードはJSfiddleです。誤解はありますか？ var TextArea = React.createClass({ ... toggleBlockStyle: function(blockType) { this.onChange(RichUtil

6熱

1答えて

Draft.jsエディタのフォーカスが失われるのを検出する

Draft.jsエディタのフォーカスが失われたかどうかを検出する「正しい方法」はありますか？ユースケースは、ユーザーが他の場所をクリックすると、エディタのreadOnly小道具を切り替えるという意味です。私はこれを理想的に行うにはどうすればよいのですか？それを行うことをお勧めしますか？

4熱

1答えて

は、私はこの一般的なアプローチを使用することができます2つの通常の入力を持つフォームを持ってReduxのフォーム

でドラフト-jsの組み合わせ。送信時にdraftJSコンテンツをHTML（draft-js-export-html経由）に変換し、コンポーネントのマウントプロセスでhtmlをロードする必要があります。それをredux形式と組み合わせるには？

12熱

2答えて

ドラフトのスタイリング（リアクション）

私は自分のプロジェクトでdraft.jsを使いたいです。それは私もインポートする必要がある独自のCSSがあります。 documentationでは、言われている。エディタをレンダリングするとき、このCSSは、これらのスタイルテキストの配置、間隔、およびその他の重要な機能のセットのデフォルト値として、含まれるべきです。コンポーネントのレンダリング時にDraft.cssを含めるにはどうすればよ

1熱

1答えて

ドラフトからデータブロックを表示

反応成分で表示する方法draftjsエディタからmongodbに保存したものは？これは私が私のデータベース内に持っているものです。 "blocks" : [ { "key" : "7abte", "text" : "example", "type" : "unstyled", "depth" : 0,

2熱

2答えて

draft.jsにエスケープキーを認識させるにはどうすればよいですか？

ユーザーがエスケープキーを入力したときに、入力をキャンセルしてアプリケーションのフィールドをクリアしたいとします。 keyBindingFnでe.which === 27のテストを試みましたが、エスケープキーが押されたときにその関数が呼び出されることはありません（通常のキー、修飾キー、および矢印キーで正常に呼び出されます）。 draft.jsでエスケープキー押下を検出するにはどうすればよいですか？