MVC - Use TinyMCE in an MVC Project - A Quick Tutorial

Using TinyMCE in a project is very simple.  Follow these steps and you will be on your way in no time.  This represents a consolidated level of installations to quickly get you up and running.  Google the internet to understand the real details beyond this.



MVC

1. While in Visual Studio go to Tools > Library Package Manager > Package Manager Console.
2. In the command window type install-package TinyMCE.MVC and hit enter.
3. In the command window type install-package TinyMCE.MVC.Sample and hit enter.
4. Hit F5.
5. In the URL enter TinyMCESample and you should see the editor.
6. In your model make sure you have a reference to using System.Web.Mvc;
7. In your model put the data annotation as follows:    [AllowHtml, UIHint("tinymce_jquery_full")]    public string Content { get; set; }
8. In your View add a link to the JavaScript file tiny_mce.js.
9. 
    

MVC (jQuery)