jquery - How do I add styles to windowManager popup in TinyMCE 4? -

-

note: please read comments.

i'm rendering jquery template tinymce plugin i'm writing , cant figure out how style windowmanager window.

it looks tinymce overriding styles, know there ways inject styles editor think question still valid.

here's plugin: 

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);                 }             });         }     }); });

here's initializer:

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);     }  });

to prove there markup being generated here's markup directly form windowmanager body source:

<h2>     <a href="vieweditactivity.aspx?id=cd20e736-eed7-4c49-b51b-1ef86c418687">online broker prelicense program ()</a> </h2>

rendered output:

enter image description here

how add styles windowmanager popup in tinymce 4?

update:

based on @tvgemert's answer. able add tag siblings child, doesn't me in scope unfortunately.

enter image description here

the blue arrow points .mce-editor tag, parent container of windowmanager editor need style. tips on appreciated.

you try first add classname container, , style elements through stylesheet of skin's 

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");              });         }     } ],

the rendered classname in case mce-myclassname


Comments

Post a Comment

Popular posts from this blog

Java 3D LWJGL collision -

-
i making 3d java game lwjgl library, , wondering how add collision detection, player not go through models. i using obj models. here objloader class, loads models: package renderengine; import java.io.bufferedreader; import java.io.file; import java.io.filenotfoundexception; import java.io.filereader; import java.util.arraylist; import java.util.list; import models.rawmodel; import org.lwjgl.util.vector.vector2f; import org.lwjgl.util.vector.vector3f; public class objloader { public static rawmodel loadobjmodel(string filename, loader loader){ filereader fr = null; try { fr = new filereader(new file("res/"+filename+".obj")); } catch (filenotfoundexception e) { system.err.println("couldn't load file!"); e.printstacktrace(); } bufferedreader reader = new bufferedreader(fr); string line; list<vector3f> vertices = new arraylist<vector3f...
Read more

spring - SubProtocolWebSocketHandler - No handlers -

-
i have ugly error during deploying spring app on jboss. 18:11:16,025 error [org.apache.catalina.core.containerbase.[jboss.web].[default-host].[/consumer]] (msc service thread 1-7) exception sending context initialized event listener instance of class org.springframework.web.context.contextloaderlistener: org.springframework.context.applicationcontextexception: failed start bean 'subprotocolwebsockethandler'; nested exception java.lang.illegalargumentexception: no handlers @ org.springframework.context.support.defaultlifecycleprocessor.dostart(defaultlifecycleprocessor.java:176) [spring-context-4.1.3.release.jar:4.1.3.release] @ org.springframework.context.support.defaultlifecycleprocessor.access$200(defaultlifecycleprocessor.java:51) [spring-context-4.1.3.release.jar:4.1.3.release] @ org.springframework.context.support.defaultlifecycleprocessor$lifecyclegroup.start(defaultlifecycleprocessor.java:346) [spring-context-4.1.3.release.jar:4.1.3.release] @ org.s...
Read more

methods - python can't use function in submodule -

-
my folder structure this: pythonstuff/ program.py modulea/ __init__.py foo.py bar.py here's code bar.py : def hello(): print("hello, world!") here's code program.py : #!/usr/bin/env python3 modulea import bar bar.hello() i run $ python3 program.py somehow error: file "program.py", line 3, in <module> bar.hello() attributeerror: 'module' object has no attribute 'hello' edit: __init__.py file empty. edit2: after trying realized had bar.py in root directory contained hello() method. bar.py in modulea/ directory empty. add it import os __all__ = [] module in os.listdir(os.path.dirname(__file__)): if module != '__init__.py' , module[-3:] == '.py': __all__.append(module[:-3]) the init .py files required make python treat directories containing packages; done prevent directories common name, such string, unintentionally hiding v...
Read more