Question

This would seem to be super simple but I cannot get it to work nor can I find the answer.

I have a textarea (editcontent) and in my onLoad function I tried this:

$('#editcontent').tinymce({
    // Location of TinyMCE script
    script_url: 'tinymce/jscripts/tiny_mce/tiny_mce.js',

    // General options
    theme: "advanced", 
    plugins:"pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template",

When I get to this page, the textarea is there in the DOM but does not show up on the screen (I am checking this on Chrome). I know the script locations are correct. What am I missing?

Answer 1

Since I only have one textarea, I just used the tinymce init way of doing it. I am sure it could be done the other way but I dont know what was wrong.

SO:

  tinyMCE.init({
        mode : "textareas",
        theme : "advanced",
        plugins : "emotions,spellchecker,advhr,insertdatetime,preview",
        theme_advanced_toolbar_location : "top",
        theme_advanced_toolbar_align : "left"        
    });

This works for me on my one textarea… I just didnt want to have to declare ALL textareas as tinyMCE boxes (even though I am technically only using one).