TynyMCE is commenting script tag after saving

Hi,

When i tried to enter the content with script tag in the tinyMCE HTML editor(in the editor, i clicked html option and pasted my code) code is getting commented automatically after saving.

code i enetered

var app = getParameter("app"),

appTitle = "",

cmp = cmpVal(),

campaign = "",

url = "";

if (cmp) {

campaign = "&" + cmp;

}

</script>

code after saving

var app = getParameter("app"),

appTitle = "",

cmp = cmpVal(),

campaign = "",

url = "";

if (cmp) {

campaign = "&" + cmp;

}

// --></script>

Please tell me how to fix this issue.

Find more posts tagged with

Comments

Adam Stoller

Just doing some Google'ing about this turns up a number of posts regarding the same issue and it seems as if the reason behind this is to get past the w3c validator.

I'm not sure if there's any way to turn off the behavior (haven't had to deal with this personally). Perhaps someone else will have an actual solution (just adding the script tags to the valid elements doesn't seem to solve the issue, just prevents the script tag and its attributes from getting "cleaned")

chaithanya

I just found the code affecting this snippet in tiny_mce_src.js

// Preserve script elements
h = h.replace(/<script([^>]+|)>([\s\S]*?)<\/script>/g, function (v, a, b) {
        // Remove prefix and suffix code for script element
        b = trim(b);

        // Force type attribute
        if (!a)
            a = ' type="text/javascript"';

        // Wrap contents in a comment
        if (b)
            b = '';

        // Output fake element
        return '<mce:script' + a + '>' + b + '</mce:script>';
    });

i also created sample page to verify tinyMCE functionality. It is working fine in the editor but when the page generated again it is calling trim functionality so everything is coming in one line and total script is getting commented.

Are you calling trim functionality anywhere during page generation? i see you are removing comments also from the xsl so there should be a trim functionality in some other place which is called during page generation.

Rick Poulin

Rich text editors weren't built to edit and capture invisible content like <meta> and <script> elements. What's worse is that if it didn't comment-out your script tags, the JS you put in there would get evaluated (probably multiple times as you edit it) and very likely break the RTE itself. That's why the TinyMCE implementation safeguards against this. Some have found workarounds of sorts, but there's always terrible edge cases. You're better off storing this content in a separate plain-textarea and/or generating it only at runtime.