注意:请阅读评论。
我正在将jQuery模板渲染到我正在编写的tinyMCE插件中,但无法弄清楚如何设置windowManager窗口的样式。
看来TinyMCE只是在覆盖我的样式,但是我知道有一些方法可以将样式注入编辑器,因此我认为这个问题仍然有效。
这是我的插件:
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主体源代码生成的标记:
<h2>
<a href="ViewEditActivity.aspx?Id=cd20e736-eed7-4c49-b51b-1ef86c418687">Online Broker Prelicense Program ()</a>
</h2>
渲染输出:
更新:
基于@tvgemert的答案。我能够为兄弟姐妹的孩子添加标签,但不幸的是,这并没有帮助我。
指向.mce-editor标记的蓝色箭头,该标记是我需要设置样式的windowManager编辑器的父容器。对此的任何提示将不胜感激。
您可以尝试先在容器中添加一个类名,然后再通过皮肤的样式表对元素进行样式设置
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
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句