title: TinyMce using ASP.NET MVC 3 With Razor View Engine - loads but does not display
body: <p>I have a simple form using the TinyMce jQuery plugin. When I load the page, TinyMce is supposed to replace my textarea with his editor, but this does not happen. Looking at the html generated, my textarea is there (visibility set to hidden) but no iFrame object was created by TinyMce. The TinyMce object exists, but the activeEditor is null. It is as if I have not initialized it, but I am following the sample code exactly as follows:</p>
  
  <p>//here is where I load the scripts</p>
  
  <pre><code>&lt;script type="text/javascript" src="@Url.Content("~/Scripts/jquery.tinymce.js")"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="@Url.Content("~/Scripts/tiny_mce_jquery.js")"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>// here is my text area</p>
  
  <pre><code>&lt;textarea id="tinymceId" name="content" class="tinymce" rows="1" cols="50" style="width:100%;" &gt;&lt;/textarea&gt;
  </code></pre>
  
  <p>//and here is my script code where I initialize it</p>
  
  <pre><code>$(document).ready(function () {
      $('#tinymceId').tinymce({
         doctype: '&lt;!DOCTYPE html&gt;',
         editor_selector: "tinymce",
         convert_urls: false,
         mode: "textareas",
       });
  });
  </code></pre>