問題タブ [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.
javascript - HTMLマークアップなしでReact Quillのコンテンツをレンダリングするには?
Quill を動作させることができましたが、HTML マークアップなしでエディターからコンテンツを表示したいと考えました。react-render-html npm パッケージを使用してみました。以前は正常に動作していましたが、現在はメンテナンスされておらず、エラーが発生します
また、htmlマークアップで表示されます。だから私はreact-html-parser、htmr、html-to-react npm packages を使用してみましたが、単一の要素では完全に機能しますが、複数の要素では機能しません。それで、console.logを試して、バックエンドから受け取っているものを確認しました。これにより、これが得られました
これを html マークアップなしでレンダリングしたかったので、console.log を実行して適切に変換されているかどうかを確認しました。
そして最終的にそれは私にこれを与えました
私も試してみましdangerouslysetinnerhtml
たが、再び機能しません
javascript - Quill - Quill JS エディターのコンテンツにメンション値を挿入しない (React Quill を使用)
React Quillを使用してQuill JSにQuill-Mentionを実装していますが、リストからアイテムをクリックしたときにエディターのコンテンツを更新できません。
正しいシンボルをクリックすると、リストを適切にレンダリングでき、それに応じてデータが表示されます。しかし、クリックすると消えてしまい、アイテムの値がエディターのコンテンツに追加されません。
これが私がそれをテストしている方法です:
Quill Mention ドロップダウン リストが機能していることを示すスクリーンショット
ありがとうございました!
reactjs - 反応クイルは、最初に渡されたラップされた要素を個別の要素に分解します
クイルエディタに初期状態を渡しているのはこんな感じ
しかし、onChangeハンドラーが呼び出されると、上記で渡された html が壊れています。
クイルが最初に渡されたhtmlを分解するのを止める方法はありますか??