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 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