CKEditor Dengan File Manager KCFinder

Buat: 01/14/2013 - 08:30
CKEditor Dengan File Manager KCFinder

CK Editor adalah salah satu WYSIWYG text editor berbasis web yang sering digunakan developer karena gratis. Namun CK Finder, yaitu fitur file manager untuk CK Editor tidak diberikan secara gratis, alias berbayar. Sebagai solusinya, developer dapat menggunakan KC Finder sebagai  alternatif karena KC Finder bisa kita dapatkan secara gratis. Berikut adalah langkah-langkah mengimplementasikan KC Finder di CK Editor.

1. Download CK Editor di :http://ckeditor.com/

2. Download KC Finder nya di http://kcfinder.sunhater.com/

3. Letakkan KC Finder itu di dalam CK Editor nya (agar jangan berserakan)

4. Tambahkan code berikut setelah session_start(), misalnya pada proses login

$_SESSION['KCFINDER']=array();
$_SESSION['KCFINDER']['disabled'] = false;
$_SESSION['KCFINDER']['uploadURL'] = "/webku/images/";
$_SESSION['KCFINDER']['uploadDir'] = "";

5. Pada halaman yang menampilkan CK Editor tambahkan javascript berikut (sesuaikan path ckeditor dengan struktur web Anda)

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

6. dan, text area dengan name dan id tertentu, misal

<form>
Agenda: < textarea name="agenda" id="agenda">
</form>

7. sebelum tag </body> letakkan code berikut  untuk mendeklarasikan id agenda yang ada di text area dan mendefinisikan file manager yang digunakan

<script type="text/javascript">
//<![CDATA[
CKEDITOR.replace( 'agenda',
{
    fullPage : true,
    extraPlugins : 'docprops',
    filebrowserBrowseUrl : '../ckeditor/kcfinder/browse.php', 
    height:"500", width:"900",
});
//]]>
</script>
 
Semoga artikel ini bermanfaat bagi teman-teman.

About Author

Tentang PHP Indonesia

PHP Indonesia adalah sebuah komunitas untuk semua orang yang mencintai PHP. Fokus utama kami adalah pemrograman menggunakan bahasa PHP, namun tidak menutup kemungkinan pembahasan yang mencakup keseluruhan LAMP stack. Topik bisa dari pemrograman PHP, penanganan memcached, optimasi database, konfigurasi server, tuning server web, application deployment, framework PHP, hosting pilihan dan sebagainya.

Petunjuk Penulisan

Berikut ini adalah beberapa petunjuk penulisan artikel. Petunjuk dibuat bukan untuk membatasi tetapi demi menjaga kualitas artikel yang terpublikasi di situs ini. Selain itu, keseragaman gaya bahasa dapat menjaga readibilitas (tingkat keterbacaan) sehingga pembaca akan lebih nyaman dalam membaca artikel di situs ini.