Home/MVC/Implemening CKEditor in MVC 4 Razor application.

Implemening CKEditor in MVC 4 Razor application.

How to implement CKEditor in MVC 4 Razor application.

At present may editors are available in market. Here let we discuss about how to implement  simple CKEditor in mvc application

Step : 1

Create simple MVC Razor project

Step :2

Go to http://ckeditor.com/download link and download latest version and place in the project

CKEditor 1

Step : 3

Then make reference of ckeditor.js in the folder to view as show below

ViewBag.Title = “Index”;
<script src=”~/ckeditor/ckeditor.js”></script>
<div>@Html.TextArea(“editor”, new {@class = “ckeditor”, @id = “sampleEditor”})</div>

Step 4 :

Run the application

Editor 2

Note :

I have to added class “ckeditor” to  textarea . If we delete ,then it will shows as simple textbox not like editor


  1. Kennedy Okoro February 2, 2017 at 12:25 am

    Good stuff! Straight to the point and simple.

  2. rahim lotfi May 26, 2017 at 2:05 pm

    thanks a lot.
    this answer is simple , useful

Leave A Comment