TinyMCE and escape characters

camozzi — Wed, 31 Oct 2007 18:15:20 GMT

I've been having an issue with alfresco and escape characters, but only for on specific instance. In my web forms I have text areas that use the TinyMCE editor. To enter code like the copyright symbol, I have added the option to edit the html so I can put in the escape sequence &copyright; . I h

Re: TinyMCE and escape characters

camozzi — Thu, 01 Nov 2007 17:11:52 GMT

After contacting support I've learned this is a known issue. So, I made my own solution using javascript. My code may not be the prettiest, but it should get the point across:


<script type="text/javascript">
var escapeCharacters = ['reg;',
                        'trade;',
                        'copy;'
                        ];


window.addEvent('domready', function() {
            parseEscapeSymbols();    
});

function parseEscapeSymbols() {
    var ampString = '&amp;';
    var testSymbol;

    var currentHTML;
    
    for (var i = 0; i < escapeCharacters.length; i++) {
        testSymbol = ampString + escapeCharacters[i];
        currentHTML = document.body.innerHTML;
        document.body.innerHTML = currentHTML.replace(testSymbol, '&' + escapeCharacters[i]);
    }
}

</script>‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

When you edit the text in tinymce, you can simply type the escape character right in there. (I.e. I type "®" while I'm editing text). TinyMCE converts this to "&reg;". Knowing this, I can grab the body text of the HTML document after it loads, and replace all instances of &<symbol>; with the proper symbol. For my uses I only needed to replace three, but the escapeCharacters array can be expanded to whatever is needed.

-Jeff

topic TinyMCE and escape characters in Alfresco Archive

TinyMCE and escape characters

Re: TinyMCE and escape characters