VFE vs Tiny MCE

Hi There,

In VFE, I can add my own button and write the functionality for the button using formAPI (in my global js file located under templatedata/ContentTypes).

Example:


top._dcWin.eWebEditProExecCommandHandlers["jsdevariable"] = function(sEditorName, strCmdName, strTextData, lData)
{
//top._dcWin.eWebEditPro.instances[0].asyncCallMethod("pasteHTML", ["hi"], null, new Function());
//alert("Hi");
 var server = window.location.hostname;
 var vpath = IWDatacapture.getWorkarea();
 targetUrl="/iw-bin/iw_cgi_wrapper.cgi/get_DEvariable_groups.ipl?vpath="+vpath;
 windowName = "dynamic_form";
 windowFeatures = "scrollbars=yes,width=450,height=300,resizable=yes,status=1";
 window.open(targetUrl, windowName, windowFeatures);
}

function set_DE(itemVal)
{
var tagVal = "${"+itemVal+"}";
top._dcWin.eWebEditPro.instances[0].asyncCallMethod("pasteHTML", [tagVal], null, new Function());
window.close();
}

Now is there any similar way for Tiny MCE. I want to create a button (I know how to do this) and add functionality in the global.js file.

Any help is highly appreciated.

Find more posts tagged with

Comments

Rick Poulin

TinyMCE allows you to write custom plugins (which produce buttons, dropdowns, etc.), but standard practice is typically to have them self-contained. That said, there's nothing preventing you from writing plugin code that calls top.getScriptFrame().somethingCustom(), if that's what you want to do.

(top.getScriptFrame() is the proper supported way to get the context where your global.js would be running)

Icebreaker

Hi There,

I did manage to have a custom plugin and it works fine. However, I stuck with the P tag wrapping around the content.

In the init function of my js, I have the following, but the P tag is not getting removed.


   top.getDCFrame(self).formframe.tinyMCE.init({
           forced_root_block : "",
        forced_root_block : false,
     force_p_newlines : false,
                 force_br_newlines : true,
              remove_linebreaks : false,
           remove_trailing_nbsp : false,
        verify_html : false,

     mode : "exact",
     elements : "elm2",
     theme : "advanced",
     skin : "o2k7"

   });

I just want to understand how this code gets executed once when the form loads for the first textarea or for each textarea that is tiny MCE enabled when the form loads?

Any help?

Rick Poulin

I just want to understand how this code gets executed

Honestly, I have no idea how or when this gets executed because what you did there is an unsupported hook. You should specify these config values using custom_config.js (see Form Developers Guide), in which case those values are set for each instance of TinyMCE that uses the external_editor_config name you specified.

Icebreaker

Hi Rpoulin,

Your direction to handle this at custom_config.js worked.

Thanks for helping me out here.

Regards,
Jay