3
Chromeのインライン要素のキャレットの位置と選択の高さ
スレートまたはProseMirrorを使用してエディターを作成し、インライン要素を使用しているときに、キャレットの位置と選択領域の周りでChromeの奇妙な動作を確認しています。問題1は、下の最初の図に示されています。テキストカーソルの位置が「f」の後ろにある場合、キャレットは画像の上部に表示されます。問題2は2番目の画像にあります。テキストを選択すると、インライン要素と同じ高さの強調表示された領域が表示されます。この動作を制御して、代わりにテキストの位置にキャレットを表示し、テキストの周囲のスペースのみを強調表示する方法はありますか（インライン画像によって行の高さが大きくなっている場合でも） ここで、Firefoxからの動作を模倣したいと思います。 ここでProseMirrorデモを使用してサンプル画像を作成しました：https ://prosemirror.net/examples/basic/ 最小例（おかげで@Kaiido）とJSBin。 <div contenteditable>Test text<img src="https://upload.wikimedia.org/wikipedia/en/9/9b/Yoda_Empire_Strikes_Back.png">Testing</div> これが他のオペレーティングシステムでどのように動作するかはわかりませんが、私はmacOS Catalinaを使用しています。