How to use Ckeditor in your website for user input
Published on :

Ckeditor is best and smart editor to get input from user side.its really good editor with smart toolbars.Ckeditor gives you a lots of options to add  any type of contents. you can use ckeditor every where with their options.in this blog you can see step by step guide about how to setup CKEditor in your Website.

Step 1 : Download CKeditor

There are four types of CKEditor

  • Basic Package
  • Standard Package
  • Full Package
  • Customize

You can download Ckeditor as per your requirement.

Step 2 :  Link Ckeditor  in your web page

  • Put ckeditor in your website root or in directory where you can aces the js files
  • Include   ckeditor js file into your HTML page
  • We can also use CKeditor CDN
<script src="https://cdn.ckeditor.com/4.9.2/standard/ckeditor.js"></script>

OR

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

 


 Step 3 : Replace the textarea with ckeditor

  • CKEDITOR.replace( ‘editor1’ ); this is js function for replace textarea to smart CKEditor
  • “editor1” is the name or id of textarea
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>CK Editor Example</title>
        <!-- Make sure the path to CKEditor is correct. -->
        <script src="Js_file_path/ckeditor.js"/></script>
       </meta>
   </head> 
    <body>
        <form>
            <textarea name="editor1" id="editor1" rows="10" cols="80">
               This Textarea Replaced By CKEditor.
            </textarea>
            <script>
                           CKEDITOR.replace( 'editor1' );
            </script>
        </form>
    </body>
</html>

Now you can see the great CK Editor in your web page. There are lots of toolbar options and configuration settings in CkEditor. for more information you can visit CKEditor Official site CkEditor Official Site and see the sets of toolbar options.If you don’t understand any thing and need help to integrate CKEditor in your website  then please comment us.

Please follow and like us:

Leave a Reply