問題タブ [tinymce-5]
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.
tinymce - 制御された TinyMCE React コンポーネントの動的なサイズ変更
背景: 親要素がユーザーによって手動でサイズ変更される (サイズ変更可能なモーダル ダイアログなど) いくつかのコンテキスト内に TinyMCE React があり、TinyMCE コンポーネントを適切にサイズ変更する必要があります。古いバージョンでは、ここに記載されている resizeTo 機能を使用してこれを行いました。ただし、アップグレード後は利用できなくなったようです。
これを解決するための私の以前の試みkey
は、サイズ変更中にエディターの幅と高さをデバウンスと連結することに基づいて使用することでした。基本的に、サイズが十分に変化するたびに、古いコンポーネントを破棄し、構成オプションに新しいサイズが含まれている新しいコンポーネントをレンダリングしました。これは非常に効果的ですが、サイズ変更後にフィールドを編集しようとすると、最初はちらつき、フォーカスが失われるという問題が発生します。
残念ながら、ピクセル ベースのサイズ計算を使用しているため、高さをピクセルではなくパーセンテージで指定しても機能しません。
これを行うための新しい公式の方法は何ですか? 理想的には、editor.theme.resizeTo
代わりに使用できる新しいバージョンがあり、キーベースのソリューションで完全にディスパッチできますが、どのドキュメントでも見つけることができませんでした。