raw HTML and javascript support in tinyMCE

We have a requirement, such that the user enters a predesigned html that may include javascript and css. The HTML is used for creating animated content.
We ask the user to enter the content in a DCR using RTE (tinyMCE). the user embeds the entire HTML and javascript code using HTML view of the editor.

Problem:
The editor strips out empty div tags by itself. We might have javascript that manipulates these div tags.
it also strips out div tags which has additional attributes that are not there in HTML specs.
for example, the below div tag is stripped out because of "data-a" and "data-b" attributes

1. What exactly tinyMCE supports, do we have a spec for a valid HTML fragment.
2. Can we configure tinyMCE to not check and strip out htmls

Find more posts tagged with

Comments

nipper

TinyMCE does a lot of *cleaning* of HTML. It does not like JS.

Why you are entering JS in a WYSIWYG field at all is beyond me. I have never seen a good reason for that.

I would rethink the design that requires JS in TinyMCE.

You can also find better information from google on MCE as it was not written by IWOV, only used.

Rick Poulin

Refer to the documentation on valid_elements.

http://tinymce.moxiecode.com/wiki.php/Configuration:valid_elements

IWOV uses a subtle variation on the "Default configuration" set, but you can add additional elements as you require through TeamSite's custom_config.js. As nipper mentioned though, allowing the <script> tag is possible but it doesn't work as you'd expect w/ regards to entities and such. Also expect a small performance degradation on the cleanup routine with large valid_elements rules.

Ramanuj

Hi

This is resolved now.

There are two ways of customizing tinyMCE for Interwoven.

1. FormPublisher
The DCR level configurations can be done in the following file
\Interwoven\TeamSite\httpd\iw\tinymce\config\custom_config.js
Added a new line at the end of file
IWTinyMCECustomConfig(editorId, "valid_elements","")

2. SitePublisher
The way customizations are done in teamsite is that you create your version of "customer-resource-config.xml" file present in "Interwoven\TeamSite\local\config\lib\content_center\livesite_customer_src\etc\conf\livesite_customer\resources". I named it "customer-teamsite-resource-config.xml". All the customizations can be done here.Deploy this file using toolkit.