TinyMCE not working when loading two textareas

I have two textareas that I load when the page loads, these two textareas are in the same table row. My tinyMCE looks like this

            tinyMCE.init({
                mode : "textareas",
                theme : "simple"
            });

For some odd reason only the first textarea gets assigned the editor and the second does not. Although it only does this in Firefox. The text areas have different names and don开发者_Python百科't contain ids. Any advice will be appreciated.

Give them different ids. Tinymce editor id is equal to the textareas id; if no textarea id is present "content" is used as default. In your case for both textareas. Because there is already a tinymce editor with id "content" when the second textarea is being converted into a tinymce editor instance - it fails.

This has now been fixed by upgrading to the current version of tinyMCE (3.5b2) - as per:

http://www.concrete5.org/community/forums/customizing_c5/firefox-11-tinymce-issue-workaround-and-fix/

In my code, it was not fixed by giving different ids to the multiple text areas (Thariama's suggestion above).

If you don't know how to figure out your version of tinyMCE, see How do I find out what version of TinyMCE I am running?