title: integrating tinymce with asp .net MVC 4.0
body: <p>using <strong>ASP .NET MVC 4.0</strong> , <strong>VS2012</strong>. </p>
  
  <p>In one of my page, I tried to integrate a WYSIWYG editor "<strong>TinyMCE</strong>". To integrate, I followed the following URL : <a href="http://www.tugberkugurlu.com/archive/tinymce-html-text-editior-and-asp-net-mvc-setting-it-up-has-become-easy-with-nuget">.tugberkugurlu.com</a></p>
  
  <p>My <strong>view page</strong> is like :</p>
  
  <pre><code>@model AboutModels
  @using FileUploadDemo.Models
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"&gt;&lt;/script&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="Scripts/tinymce/jquery.tinymce.js" type="text/javascript"&gt;&lt;/script&gt;
  
  @{
      ViewBag.Title = "About";
  }
  
  @using (Html.BeginForm()) {
  
  @Html.ValidationSummary(true)
  
  &lt;fieldset&gt;
      &lt;legend&gt;About&lt;/legend&gt;
  
      &lt;div class="editor-label"&gt;
          @Html.LabelFor(model =&gt; model.Title)
      &lt;/div&gt;
      &lt;div class="editor-field"&gt;
          @Html.EditorFor(model =&gt; model.Title)
          @Html.ValidationMessageFor(model =&gt; model.Title)
      &lt;/div&gt;
  
      &lt;div class="editor-label"&gt;
          @Html.LabelFor(model =&gt; model.PostedOn)
      &lt;/div&gt;
      &lt;div class="editor-field"&gt;
          @Html.EditorFor(model =&gt; model.PostedOn)
          @Html.ValidationMessageFor(model =&gt; model.PostedOn)
      &lt;/div&gt;
  
      &lt;div class="editor-label"&gt;
          @Html.LabelFor(model =&gt; model.Tags)
      &lt;/div&gt;
      &lt;div class="editor-field"&gt;
          @Html.EditorFor(model =&gt; model.Tags)
          @Html.ValidationMessageFor(model =&gt; model.Tags)
      &lt;/div&gt;
  
      &lt;div class="editor-label"&gt;
          @Html.LabelFor(model =&gt; model.Content)
      &lt;/div&gt;
      &lt;div class="editor-field"&gt;
          @Html.EditorFor(model =&gt; model.Content)
          @Html.ValidationMessageFor(model =&gt; model.Content)
      &lt;/div&gt;
  
      &lt;p&gt;
          &lt;input type="submit" value="Create" /&gt;
      &lt;/p&gt;
  
      &lt;p&gt;
          Posted Content : @ViewBag.HtmlContent
      &lt;/p&gt;
  
  &lt;/fieldset&gt;
  }
  </code></pre>
  
  <p>Here my <strong>Model</strong> is like : </p>
  
  <pre><code>public class AboutModels 
  {
      public string Title { get; set; }
      public DateTime PostedOn { get; set; }
      public string Tags { get; set; }
  
      [UIHint("tinymce_jquery_full"), AllowHtml]
      public string Content { get; set; }
  
  }
  </code></pre>
  
  <p>My about page loads with all features.</p>
  
  <pre><code>"@html.EditorFor(model=&gt;model.content)"
  </code></pre>
  
  <p>also loads fine. but no "WYSIWYG" pane(i donno what it is called, the pane is used to edit my text written in the textarea(HTml.editorFor())) is loaded. In the runtime, Exception is thrown in <strong>jquery.tinymce.js</strong> file. </p>
  
  <p><strong>Error Message :</strong></p>
  
  <pre><code>`Unhandled exception at line 86, column 11 in http://localhost:1706/Home/About
  
  0x800a01b6 - Microsoft JScript runtime error: Object doesn't support this property or method`
  </code></pre>
  
  <p>And give me two options, <strong>Continue</strong> or <strong>Break</strong> . If i continue, the page loads with features as i mentioned earlier. If i Break, then it stays in the <strong>jquery.tinymce.js</strong> file with a yellow text-background. </p>
  
  <p>I have no experience with Javascript/jquery. And new in ASP .NET MVC 4.0, actually this is my first try of web application in .net.</p>
  
  <p>I updated jquery from nuGet. What could be the possible ways to solve it?</p>