問題タブ [draftjs]

これは非常に一般的な要求だと思いますが、解決に役立つものは何も見つかりません。やバリエーションなどのさまざまなプラグインを試しましdraft-js-import-htmlたが、特に画像を追加したりビデオを埋め込んだりするときに、完全には機能しないようです。

エディターで使用したいサンプル HTML を次に示します。

基本的なh1, bold, ... だけでなく、画像、iframe、およびビデオをレスポンシブにするラッパー付きの iframe があります。

私が望むのはdraft-js、(上記のように) HTML を挿入できるエディターがあり、変更すると HTML が返されることです。

では、これから始めた場合、どうすれば HTML を与えて HTML を取り戻すことができるでしょうか?

たとえば、html 画像と一緒にエディターに挿入すると、次のようになります。

エディターはタグimgを挿入せず、切り分けiframeます。が動作している理由draft.jsと修正方法を教えてください。codepen の完全なコード: http://codepen.io/alex183/pen/xgVzZE?editors=0010

私はDraft-js、RichStyle Text Editor で学び、遊ぶための新しい React アプリを構築しています。以前create-react-appは React アプリケーションを初期化していました。それは機能し、非常に使いやすいです。

semantic-ui-reactここで、 SemanticUI lib の React バージョンであるを追加してみました。

ああ、失敗します。

npm install セマンティック-ui-react --save

ご覧のとおり、draft-js にも同じ効果があります。私の問題は、通常、draft-js と Semantic-ui-react を React 15.4.2 で使用しても問題がないことです。私はこのスタックをプロの環境で使用しています。npm に欠けているものはありますか? create-react-appこのインストールを停止できますか?

現在、パッケージをインストールできません。このエラーは毎回表示されます。npm startしかし、ローカル Web サーバーにはまだ対応できません。私も試しましたnpm cache clean

私の非常に単純なpackage.jsonです

助けてくれてありがとう。

解決策: NPM を更新するだけで、すべてが機能します。

編集：マイアプリフォルダ：

そして私のnpmとノードのバージョン

全文検索のインデックス作成を実行する最も効率的な方法は何ですか?

私はmongodbを使用していますが、これはこの質問の文脈ではそれほど重要ではないと思います

私は、draft.js の出力をさらにインデックス付けして保存する 2 つの方法を考えています。

1. マークダウンに変換します。これは単純に見えますが、フルテキスト検索のインデックス作成は、インデックス作成中に不要な文字をすべて除外するほどスマートです。ただし、マークダウンが非常に優れている場合、draft.js はデータをブロック構造ではなくマークダウンとして出力する可能性があります。したがって、ブロックをそのまま保管することには利点があるに違いないと思います。
2. 後でブロックJSON.stringifyを保存し、各ブロックのすべての「テキスト」プロパティをプレーン テキストとして、分離されたドキュメント プロパティ (または SQL のテーブル列) に保存します。したがって、プレーン テキストはインデックス作成のためだけに存在し、残りの作業は文字列化/解析された JSON によって行われます。正直なところ、不必要に複雑に聞こえます。

すでにこの状況に遭遇したことがある場合は、このデータを保存してインデックスを作成する方法について正確なアドバイスをいただけないでしょうか?

具体的な例を次に示します。

draftjs エディタの例

テキストの例:

Draft.js の出力: