問題タブ [draftjs]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - ドラフト js データ フローの例
私は、リッチ HTML のフィールドを含む多くのフォームを使用する予定の反応プロジェクトに取り組んでいます。しばらく検索したところ、draft-js に出会いました。とても良さそうですが、最初から最後まで使用方法の良い例を見つけることができないようです。私が見つけたもののほとんどは、コントロールを変更する方法ですが、それは私が探しているものではありません。現時点で必要なのは基本的な機能だけです。
私は自分のフォームでそれを立ち上げて作業しています。必要なコントロールを持っていますが、そこからどこに行くべきかわかりません。
私の構造は次のようになります。
EditorState、などを調べましたが、送信イベントからconvertToRawにアクセスする方法がわかりません。EditorState
私も反応するのは少し新しいですが、から継承されたSubmitButtonに送信イベントを配置する必要があると考えています。onClick handlerFormContainer
次に、データをフォームに保存するためにclickHandleraを起動する必要があります。Redux Action
EditorStateしかし、その場合、特にフォームに複数あることを考慮して、にアクセスして正しいデータ形式に変換するにはどうすればよいDraftEditorsですか?
素晴らしい例やチュートリアルを知っている場合は、お知らせください。
javascript - Draft-jsでブロックにデータ属性を作成、スタイル設定、および定義する方法は?
現在、次のような DraftJS エディターがあります。
状態を持つコンストラクター:
:Dブロックが、:(、:|などの絵文字であるかどうかを判断するために、一連の正規表現に一致するデコレータ戦略を作成するところまで行きました。
問題は、戦略の要素に「より多くの小道具を渡す」方法や、一致からエンティティを作成する方法がわからないことです...
戦略は次のとおりです。
誰でも私を助けることができますか？ありがとう！
PS：draft-jsから本当に詳細なドキュメントを見つけることができないようです。githubのものには浅い説明とダミーの例しかありません。