TinyMCE not working when loading two textareas

Question

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't contain ids. Any advice will be appreciated.

Answer 1

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.