jquery - 如何为 TinyMCE 4 中的 windowManager 弹出窗口添加样式？

Question

注意:请阅读评论。

我正在将一个 jQuery 模板渲染到我正在编写的 tinyMCE 插件中，但我不知道如何设置 windowManager 窗口的样式。

看起来 TinyMCE 只是覆盖了我的样式，但我知道有一些方法可以将样式注入(inject)编辑器，所以我认为这个问题仍然有效。

这是我的插件:

tinymce.PluginManager.add('example', function (editor, url) {
    var url = "ViewEditActivity.aspx/GetCourseOutlineFromActivity"
    editor.addButton('example', {
        text: 'Link Content',
        icon: false,
        onclick: function () {
            editor.windowManager.open({       
                title: 'Create Content Link',
                width: 800,
                height: 500,                   
                body: [
                    {
                        type: 'container',
                        onPostRender: function (e, f) {                  
                            OnDemandAdmin.CallJsonMethod(url, { "activityId": _activityId }, function (data) {
                                $("#coursetreefortinymcetmpl").tmpl(data.d).appendTo("#" + e.control._eventsRoot._id + "-body");
                                $("#" + e.control._eventsRoot._id + "-body a[href*='" + activityId + "']").parent().css("background-color", "silver");

                            });
                        }
                    }
                ],
                onsubmit: function (e) {
                    editor.insertContent('Title: ' + e.data.title);
                }
            });
        }
    });
});

这是我的初始化程序:

tinymce.init({
    selector: "#htmlContentEditor",
    plugins: "code example",
    toolbar: "example",
    height: 400,
    //popup_css: "css/TinyMCE-CustomBody.css", <-- doesn't work
    setup: function (ed) {
        ed.on("change", tinymce_onchange_callback);
    }

});

为了证明正在生成标记，这里有一些标记直接来自 windowManager body source:

<h2>
    <a href="ViewEditActivity.aspx?Id=cd20e736-eed7-4c49-b51b-1ef86c418687">Online Broker Prelicense Program ()</a>
</h2>

渲染输出:

如何在 TinyMCE 4 中为 windowManager 弹出窗口添加样式？

---

更新:

基于@tvgemert 的回答。我能够为 sibling 的 child 添加标签，不幸的是，这在这个范围内对我没有帮助。

指向 .mce-editor 标签的蓝色箭头，它是我需要设置样式的 windowManager 编辑器的父容器。对此的任何提示将不胜感激。

Answer 1

你可以尝试先给容器添加一个类名，然后通过你皮肤的样式表给元素设置样式

body: [
    {
        type: 'container',
        classes: 'myClassname',
        onPostRender: function (e, f) {                  
            OnDemandAdmin.CallJsonMethod(url, { "activityId": _activityId }, function (data) {
                $("#coursetreefortinymcetmpl").tmpl(data.d).appendTo("#" + e.control._eventsRoot._id + "-body");
                $("#" + e.control._eventsRoot._id + "-body a[href*='" + activityId + "']").parent().css("background-color", "silver");

            });
        }
    }
],

在这种情况下呈现的类名将是 mce-myClassName