TinyMCE に特別な「編集」css クラスがあり、その唯一の目的がエディターのビジュアル モード内で適用される div 要素に適用できるかどうかは誰にもわかりませんか?
コンテンツ エディター内での書式設定と使いやすさを改善するために、コーディングできる名前付きクラスを使用して、ショートコード要素を div でラップする必要があります (WordPress が "Gallery" タグと "Image" タグで行う方法と同様です)。
つまり、ラッパーとして使用できる div クラスです。ユーザーがテキスト/html ビューをクリックすると、マークアップから div が削除されます。しかし、ユーザーがビジュアル モードの場合、この div のクラスを使用して、カスタム CSS と JavaScript を要素に適用できます。
mceItem クラスを使用して何かが起こっていると思っていましたが、機能しなくなりました。
<div class="mceItem">
This div is only used for edit controls and TinyMCE handles it
differently than other divs within the editor?
</div>
複雑なことを行うには、おそらく TinyMCE プラグイン アーキテクチャにフックする必要があることは認識していますが、一時的な「ランタイム スタイル」の div 要素を使用して、単純なビジュアル フォーマット フックのショートカットがあるかどうかを確認したかっただけです。