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:

http://jhtmlarea.codeplex.com/ 
[)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. 
http://www.tinymce.com/ 

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">
tinyMCE.init({
        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",
});
</script>

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


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

Hi please check the link

http://haacked.com/archive/2010/07/16/uploading-files-with-aspnetmvc.aspx

http://haacked.com/archive/2010/07/16/uploading-files-with-aspnetmvc.aspxhttp://www.dustinhorne.com/post/2011/11/16/AJAX-File-Uploads-with-jQuery-and-MVC-3.aspx

http://www.dustinhorne.com/post/2011/11/16/AJAX-File-Uploads-with-jQuery-and-MVC-3.aspxhttp://slickupload.com/

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-

http://www.stefanprodan.eu/2011/06/wysiwyg-html-editors-for-asp-net-mvc/
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">
        $("#input").cleditor();
      
        });


</script>
How we get value from this function on Controller Action.