Visit the official CKEditor Download site. For a production site we recommend you choose the default Standard Package and click the Download CKEditor button to get the .zip installation file. If you want to try out more editor features, you can download the Full Package instead.

If the sample works correctly, you are ready to build your own site with CKEditor included.

To start, create a simple HTML page with a <textarea> element in it. You will then need to do two things:

Include the <script> element loading CKEditor in your page.

Use the CKEDITOR.replace() method to replace the existing <textarea> element with CKEditor.

See the following example:

<!DOCTYPE html><htmllang="en"><head><metacharset="utf-8"><title>A Simple Page with CKEditor</title><!-- Make sure the path to CKEditor is correct. --><scriptsrc="../ckeditor.js"></script></head><body><form><textareaname="editor1"id="editor1"rows="10"cols="80">
This is my textarea to be replaced with CKEditor.
</textarea><script>// Replace the <textarea id="editor1"> with a CKEditor// instance, using default configuration.CKEDITOR.replace( 'editor1' );
</script></form></body></html>

When you are done, open your test page in the browser.

Congratulations! You have just installed and used CKEditor on your own page in virtually no time!