我觉得问这个问题有点傻。我只是想针对整个 TinyMCE 编辑器,这样我就可以对其应用一些样式;例如在它周围应用 10px 的填充。
我正在使用 TinyMCE 4。如果我从下面显示的 HTML 开始,TinyMCE 将创建以下 HTML。
我希望针对恰好是#mce_9 的整个 TinyMCE 编辑器。然而,#mce_9 是由 TinyMCE 创建的 ID,我不希望我的 CSS 必须“知道”将自动分配的 ID。TinyMCE 的 body_id 和 body_class 属性允许我定位内部 iframe,而不是整个编辑器。
tinyMCE.init({
selector: "#frontContent",
//body_id:"frontContentWindow"
});
应用 TinyMCE 之前的 HTML
<div id="content">
<div id="frontContent">BLA BLA BLA</div>
</div>
应用 TinyMCE 后的 HTML
<div id="content">
<div tabindex="-1" hidefocus="1" class="mce-tinymce mce-container mce-panel" id="mce_9" style="visibility: hidden; border-width: 1px; width: 600px;">
<div class="mce-container-body mce-stack-layout" id="mce_9-body">
....
</div>
</div>
<div id="frontContent" style="display: none;" aria-hidden="true">BLA BLA BLA</div>
</div>