How to add ckeditor in asp.net?

How to set ckeditor in asp.net?

Follow below steps:

Step:1-Open New Project [File->New->Project-> ASP.NET Empty Web Application]
Step:2-Give Name the Project as you like, I named it “demoeditor”.
Step:3-Download file (CKEDditor.zip) file and extract.
Step:4-Find a bin folder when you extract the CKEditor.zip.
Step:5-Go to the Solution explorer.
Step:6-Right Click -> Add References->Browse.
Step:7-Then browse the bin folder of the extracted (CkEditor.zip).
Step:8-Select The Two DLLs(CKEditor.dll & CKEditor.Net.dll)
Step:9-Then click ok.
Step:10-There is a folder called ckeditor in small caps. Find the folder.
Step:11-Copy this folder and paste it in your project.
Step:12-Add a new aspx page to the project.
Then write below single line of code just before the HTML tag of your .aspx page.
This line will register the DLL file that you have just added & using the “TagPrefix” will call the CKEditorControl.


<%@ Register Assembly="CKEditor.NET" Namespace="CKEditor.NET" TagPrefix="CKEditor" %>

Then add this div inside of the form tag of your aspx page.


<div>
<CKEditor:CKEditorControl ID="CKEditor1" BasePath="/ckeditor/" runat="server">
</CKEditor:CKEditorControl>
</div>
Build your project and then run.
You will find CKEditor with full features at your screen.
Then customize as per your requirements.
ckeditor in asp.net,how to add ckeditor in asp.net
how to implement ckeditor in asp.net.

About the Author

avatar