C# .NET - How we use Ajax HTML Editor in MVC3 - Asked By ALOK RANJAN on 29-Apr-12 10:55 AM

hi  everyone

               I want to use Ajax HtmlEditor in MVC3 application .please provide me step by step solution if possible.

               Thank you
Peter Bromberg replied to ALOK RANJAN on 29-Apr-12 03:17 PM
Try the jHtmlArea JjQuery widget. Available on Codeplex.com here:

[)ia6l0 iii replied to ALOK RANJAN on 29-Apr-12 09:12 PM
I have tried the AjaxEditor in ASP.Net MVC, and have had lots of issues. I then switched to tinyMCE, a free platform independent - open source editor. It is rich with good set of customization features. 

Visit the homepage of this editor control @ below link, and see the customization features and demo pages it offers. 

And, you can use jQuery functions on this to extract and input information. 

See the number of lines of code that gives you this control.  It is skinnable.

Add script reference
<script type="text/javascript" src="/scripts/tiny_mce.js"></script>

Initiate the tinymce control on all the textareas in your form.
<script type="text/javascript">
        mode : "textareas",
        theme : "advanced",
        plugins : "contextmenu,paste,directionality,fullscreen,noneditable,visualchars,template",
        theme_advanced_toolbar_location : "top",
        theme_advanced_toolbar_align : "left",
        theme_advanced_statusbar_location : "bottom",
        skin : "o2k7",
        skin_variant : "silver",

        <textarea name="mytextarea"></textarea>

Hope this helps.
Somesh Yadav replied to ALOK RANJAN on 30-Apr-12 12:19 AM

Hi please check the link




Jitendra Faye replied to ALOK RANJAN on 30-Apr-12 01:22 AM
You can add CLEditor to your MVC 3 project using http://nuget.org/List/Packages/CLEditor or by downloading from the plugin website.  If you want CLEditor to produce Transitional XHTML compliant source, download this js file.

Refer this link for example-

ALOK RANJAN replied to Jitendra Faye on 01-May-12 02:27 AM

I have used   CLEditor  It work perfectly on my index page  But how we get value from  CLEditor   on controller 
on my Index page there is a java script function 

 <script src="../../Scripts/jquery.cleditor.xhtml.js" type="text/javascript"></script>
    <link href="../../Content/themes/base/jquery.cleditor.css" rel="stylesheet" type="text/css" />
    <script src="../../Scripts/jquery.cleditor.js" type="text/javascript"></script>
    <script src="../../Scripts/jquery.cleditor.min.js" type="text/javascript"></script>

 <script type="text/javascript">

How we get value from this function on Controller Action.