How to integrate CKEditor into Asp.net MVC

gkdm picture gkdm · Dec 6, 2009 · Viewed 27k times · Source

Saw this post at CodeProject for FCKEditor. Can someone explain what about the new version?

Answer

ryanulit picture ryanulit · Dec 9, 2009

It's pretty easy to do actually. First download the latest code from the website and extract it to a directory in your project (I choose /Scripts/ckeditor). Then in your view, use the same code as in the "complete sample" in this link and it should work.

Basically, the important steps are:

  1. Make sure you include the ckeditor.js file in the head from your view or in your master page, however you want to do it. This needs to be the exact location within your project (I would use the find file dialog that you can popup when editing a src attribute in visual studio so that it automatically links to the file).
  2. Place the:

    <script type="text/javascript"> CKEDITOR.replace( 'editor1' ); </script>

    RIGHT AFTER your textarea and make sure the id of the textarea is the same in the CKEDITOR.replace() statement.