リッチテキストエリアとして使用するcontentEditabledivを作成しました。それは私が取り除きたいサイズ変更ハンドラーをその周りに持っています。私がこれをどのように行うかについて何か考えはありますか?
編集:これは、私がdivを絶対に配置しているために発生しているようです。そのため、Firefoxは、オフにできない要素に腹立たしい_moz_resize属性を追加します。
リッチテキストエリアとして使用するcontentEditabledivを作成しました。それは私が取り除きたいサイズ変更ハンドラーをその周りに持っています。私がこれをどのように行うかについて何か考えはありますか?
編集:これは、私がdivを絶対に配置しているために発生しているようです。そのため、Firefoxは、オフにできない要素に腹立たしい_moz_resize属性を追加します。
補足として、Firefox の自動サイズ変更ハンドル機能を無効にするには、ドキュメントに (あまり文書化されていない)enableObjectResizing
コマンドを送信します。
document.execCommand("enableObjectResizing", false, false);
私の知る限り、これはドキュメントがロードされた後にのみ安全に実行できます。別の機能であるグラバーを無効にする方法はありません。
ラッパーdivを追加し、ラッパーを絶対に配置してから、内側のdivをcontentEditableにすることで、これを回避できるようです。
IE11 の場合 (古いバージョンの IE はテストしていませんが、うまくいくと思います)、img タグに contenteditable="false" 属性を追加できます。これにより、ドラッグ アンド ドロップを所定の位置に保持したまま、サイズ変更が行われなくなります。
...これまでで最高の修正
<div contenteditable="true">
<label contenteditable="false"><input/></label>
</div>
または、input/img をラップする任意の html 要素
魅力のようにIE11で動作します
スタイルを追加してみましたか
border: none;
divに?