Rich Textbox With CKEDITOR in MVC using JQ plugins

Rich Text box With CK Editor In Mvc


In Controller:

public ActionResult CKEDITOR()

  {

            return View();

  }

IN View

@model JQGridExample.Models.Sample

@{

    ViewBag.Title = "CKEDITOR";

}

<h2>CKEDITOR</h2>

<script src="~/Scripts/jquery-1.9.1.min.js"></script>

<script src="~/ckeditor/ckeditor.js"></script>

<script src="~/ckeditor/adapters/jquery.js"></script>

<script type="text/javascript">

    $(function () {

        CKEDITOR.replace('txtCkEditor', { filebrowserImageUploadUrl: '/Upload.ashx' }); //path to “Upload.ashx”

      

    });

</script>

@Html.TextArea("Body", null, new { id = "txtCkEditor" })

In Upload.ashx

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.Mvc;

namespace JQGridExample

{

    /// <summary>

    /// Summary description for Upload

    /// </summary>

    public class Upload : IHttpHandler

    {

        public void ProcessRequest(HttpContext context)

        {

            HttpPostedFile uploads = context.Request.Files["upload"];

            string CKEditorFuncNum = context.Request["CKEditorFuncNum"];

            string file = System.IO.Path.GetFileName(uploads.FileName);

            uploads.SaveAs(context.Server.MapPath(".") + "\\Images\\" + file);

            //provide direct URL here

            string url = "http://localhost:49600/images/" + file;

            context.Response.Write("<script>window.parent.CKEDITOR.tools.callFunction(" + CKEditorFuncNum + ", \"" + url + "\");</script>");

            context.Response.End();

        }

        public bool IsReusable

        {

            get

            {

                return false;

            }

        }

    }

}