Adding CKEDITOR In MVC 5

Step 4

Now, select EF Designer from the database.

Step 5

Connect to the database server.

Step 6

Provide correct credentials to connect to the database, as shown below.

Step 7

Select Yes, include the sensitive data in the connection string and click NEXT.

Step 8

Select Blog Table and click Finish.

Now, Visual Studio will create a new class called Blog.cs, using Entity Framework, as shown below.

Now, rebuild the application

Referencing DAL Project to UI Project

Step 1

Right click on References of UI project to add the references.

Now, let's create CRUD operation for Blog table, using Scaffolding.

After Scaffolding you will see as in fig

Adding Ckeditor in UI Project

Step 1

Download CkEDITOR from http://ckeditor.com/download

Step 2

Extract CkEDITOR.

Step 3

Add the new folder named "Themes" in UI project.

Step 4

Copy the extracted CkEDITOR to Themes folder, as shown below.

Step 5

Open View => Blogs => Create.cshml

Step 6

Add the reference to ckeditor.js file, as shown below.

Step 7

Now, modify the code, as shown below.

Step 8

Run the Application and navigate to the Create method of the Blog controller

Summary

We have successfully added CKEDITOR in MVC Application. You can also use CKEDITOR in other Web applications in the same manner.