Apakah teman-teman pernah mendengar ckeditor ? ya, ckeditor merupakan plugin yang digunakan untuk merubah text area menjadi sebuah text editor yang friendly user. Biasanya sudah digunakan pada CMS seperti joomla atau wordpress. Sebenarnya ada banyak plugin text editor. Tapi yang menurut saya yang lebih mudah digunakan adalah Ckeditor. Sebelum kita gunakan Ckeditor, kita harus download terlebih dahulu pluginnya di website resminya yaitu http://ckeditor.com/ . setelah download kita akan mulai membuatnya.

  1. Buat sebuah folder untuk menampung file html dan plugin ckeditor yang kita download tadi dan pindahkan hasil download ckeditor di folder yang kita buat ini.
  2. Extract foldernya.
  3. Kemudian buka text editor yang kita gunakan ( notepad++, phpdesigner, dreamweaver, dll ).
  4. Ketikkan baris berikut
<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title>A Simple Page with CKEditor</title>
       <!-- Make sure the path to CKEditor is correct. -->
       <script src="ckeditor/ckeditor.js"></script>
   </head>
   <body>
       <form>
           <textarea name="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>
  1. Kemudian save.

Note : pada bagian <script src=”ckeditor/ckeditor.js”></script> sesuaikan dengan letak folder dan file ckeditor.js teman-teman. Dan id dari textarea harus sama dengan bagian CKEDITOR.replace( ‘editor1’ );