問題タブ [react-quill]

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.

0 投票する
1 に答える
1207 参照

javascript - HTMLマークアップなしでReact Quillのコンテンツをレンダリングするには?

Quill を動作させることができましたが、HTML マークアップなしでエディターからコンテンツを表示したいと考えました。react-render-html npm パッケージを使用してみました。以前は正常に動作していましたが、現在はメンテナンスされておらず、エラーが発生します

また、htmlマークアップで表示されます。だから私はreact-html-parserhtmrhtml-to-react npm packages を使用してみましたが、単一の要素では完全に機能しますが、複数の要素では機能しません。それで、console.logを試して、バックエンドから受け取っているものを確認しました。これにより、これが得られました

これを html マークアップなしでレンダリングしたかったので、console.log を実行して適切に変換されているかどうかを確認しました。

そして最終的にそれは私にこれを与えました

私も試してみましdangerouslysetinnerhtml たが、再び機能しません

0 投票する
1 に答える
1929 参照

javascript - Quill - Quill JS エディターのコンテンツにメンション値を挿入しない (React Quill を使用)

React Quillを使用してQuill JSにQuill-Mentionを実装していますが、リストからアイテムをクリックしたときにエディターのコンテンツを更新できません。

正しいシンボルをクリックすると、リストを適切にレンダリングでき、それに応じてデータが表示されます。しかし、クリックすると消えてしまい、アイテムの値がエディターのコンテンツに追加されません。

これが私がそれをテストしている方法です:

Quill Mention ドロップダウン リストが機能していることを示すスクリーンショット

ありがとうございました!

0 投票する
2 に答える
432 参照

reactjs - 反応クイルは、最初に渡されたラップされた要素を個別の要素に分解します

クイルエディタに初期状態を渡しているのはこんな感じ

しかし、onChangeハンドラーが呼び出されると、上記で渡された html が壊れています。

クイルが最初に渡されたhtmlを分解するのを止める方法はありますか??