Headlines News :
Home » » Update Artikel Menggunakan Ckeditor

Update Artikel Menggunakan Ckeditor

Written By nAmmAsttE on Kamis, 15 Maret 2012 | 19.41

Ckeditor adalah suatu plugin atau fasilitas yang telah dirancang sebuah perusahaan atau sekelompok orang, yang digunakan sebagai editor dalam website. Tampilannya seperti Ms. Office Word. Editor yang dimaksud ini yaitu editor dalam melakukan entry atau memasukkan sebuah data, artikel, dan lain sebagainya. Ckeditor mempermudah penggunanya untuk memasukkan data. Karena pada Ckeditor tersebut telah diatur agar setiap kata yang kita ketik menjadi script yang diparse secara otomatis, dan siap diupdate menjadi sebuah postingan.
Dalam ckeditor ada button-button yang dapat kita atur. Misalnya kita hanya membutuhkan format-format teks, seperti bold, italic, underline, dsb.
Contoh penggunaan Ckeditor yaitu seperti mengentry artikel di blogger. Namun Ckeditor lebih lengkap.

OK, Langsung saja kita coba. Langkah pertama, terlebih dahulu anda memiliki ckeditor, yang bisa anda download di situs resminya (http://ckeditor.com).
Dan yang perlu digunakan pula, yaitu j-query. Anda dapat mendownloadnya di jquery.com.
Setelah anda download, extract file compressnya kedalam folder website anda.
Kemudian letakkan script ini di dalam tag <head> :

<script src="ckeditor/ckeditor.js" type="text/javascript"></script>
sesuaikan folder ckeditor nya.

script ini untuk mengambil javascript di ckeditor. Lalu letakkan script ini dibawah script tadi :
<script type="text/javascript">
$(document).ready(function() {
var FCK = new FCKeditor('teks');
FCK.BasePath = "ckeditor/";
FCK.Height = 300;
FCK.ReplaceTextarea();
});
</script>

Setelah semua di copy, jalankan ckeditor dengan script berikut :
<textarea class="ckeditor" name="editor1"></textarea>
Selesai, ckeditor pun dapat digunakan. Semoga tutorial ini dapat bermanfaat.
SIlahkan berkomentar. ^_^


Share this article :

0 komentar:

Speak up your mind

Tell us what you're thinking... !

Random Post

 
Support : Creating Website | Tom Template | Tom Template
Copyright © 2011. NAMMASTTE - All Rights Reserved
Template Created by Creating Website Published by TomTom Template
Proudly powered by Blogger