FreeKB - CKEditor Install CKEditor
CKEditor - Install CKEditor

To use CKeditor, you first need to add one of the following script tags to your markup. Replace x.x.x with the latest stable version of CKEditor. Notice there are three options; basic, standard, or full. 

<script src="//"></script>
<script src="//"></script>
<script src="//"></script>


Basic has the following buttons

  • Bold
  • Italic
  • Numbered list
  • Bulleted list
  • Remove indent
  • Indent
  • Link
  • Remove link
  • About CKEditor


Standard has the basic buttons plus the following

  • Cut
  • Copy
  • Paste
  • Paste as plain text
  • Paste from Word
  • Undo
  • Redo
  • Spell check
  • Anchor
  • Image
  • Table
  • Horizontal Rule
  • Insert Special Character
  • Maximize
  • Source
  • Strikethrough
  • Remove format
  • Blockquote
  • Styles
  • Font


If your application uses HTML, add id='editor1' to your textarea.

<textarea id="editor1">some content</textarea>


If your application uses the TextArea or TextAreaFor HTML helpers, add new { id = "editor1" }.

@Html.TextAreaFor(model => model.column1, new { id = "editor1" })


At the bottom of your markup, add the following code.

<script> CKEDITOR.replace("editor1"); </script>



If you want to customize your CKeditor, download the CKeditor files. 

  1. Go to
  2. Select Download CKEditor.
  3. Go to your Downloads folder, and extract the file.
  4.  Move the unzipped CKeditor folder to your Web servers document root. 

Instead of getting the JavaScript from site, point to the ckeditor.js file on your web server.

<script src="ckeditor/ckeditor.js"></script>


Add a Comment

We will never share your name or email with anyone. Enter your email if you would like to be notified when we respond to your comment.

Please enter ee289 in the box below so that we can be sure you are a human.


Web design by yours truely - me, myself, and I   |   |