memasang ckeditor texteditor wysiwyg tanpa download


Mengenal ckeditor

Apa sih ckeditor itu ? saya yakin sudah tidak asing lagi buat sobat, dan dalam kesaharian browsing internet, sobat pasti pernah menjumpai. jika sobat mempunyai blog, entah itu wordpress,joomla atau blogspot, pada saat posting tentu menjumpai tombol-tombol seperti pada Microsoft Word bukan? Nah ckeditor adalah salah satu editor wysiwyg untuk textarea. Hanya saja memang tampilannya berbeda dengan text editor pada blogspot atau wordress.

Keunggulan CKeditor dibandingkan texteditor yang lainnya

Kurang lengkap jika ingin mengenal texteditor yang satu ini tanpa mengenal keunggulannya. Dibanding text editor sejenis semacam tinymce, ckeditor mempunyai keunggulan dalam hal berikut:

  1. Kelengkapan tool editornya,
  2. Tampilannya yang menarik, bahkan tersedia beberapa skin untuk dipilih sesuai selera sobat.
  3. Selalu diupdate oleh developer,
  4. Kemudahan instalnya pada cms ataupun blog. Bahkan kita tidak perlu mendownload file untuk memasang ckeditor pada web kita. Karena sudah disediakan di cdn atau server diberbagai tempat scriptnya, sehingga saat kita memasangnya tinggal memasukan beberapa baris script ke code html atau php, langsung dapat digunakan tanpa dipusingkan dengan download dan upload file lagi.

Memasang Ckeditor tanpa download terlebih dahulu

Kita akan memanfaatkan jaringan server cdn ckeditor yang tersedia. Yang perlu dilakukan adalah dengan memasang script ini dibagian head.

<script src="//cdn.ckeditor.com/4.5.1/standard/ckeditor.js">script>

Setelah itu pasang script ini di bawah textarea sobat.

        <script>
            CKEDITOR.replace( 'editor1' );
        script>


Perlu diperhatikan bahwa editor1 harus diganti dengan nama textarea, jadi jika ada beberapa textarea dalam halaman dan sobat ingin memasangnya kepada keseluruhannya, maka perlu dipasang script tersebut sebanyak textarea dengan mengganti editor1 dengan nama textarea. Jadi bila ditulis lengkap maka aka terlihat seperti contoh berikut ini:

contoh penulisan code di html

Berikut ini tampilannya jika berhasil diinstal

ckeditor sebagai texteditor pada textarea saat berhasil diinstal



jasa edit template blogspot, modifikasi web dan blog