Memasang Ckeditor dan Integrasi dengan KCFinder

Selamat pagi, pada artikel sebelumnya saya sudah pernah membahas tentang bagaimana cara memasang ckeditor dan integrasi langsung dengan kcfinder pada framework Codeigniter, dan mungkin kurang lengkap jika tidak saya buatkan juga untuk yang tanpa Framework, sebenarnya hampir sama caranya dengan di versi Codeigniter hanya berbeda dari cara pemanggilan filenya saja, baiklah akan saya jelaskan bagaimana cara untuk memasang ckeditor dan integrasikan dengan kcfinder. pada kasus ini saya akan coba pasangkan pada Sistem Informasi akademik sekolah pada quiz (Tambahkan Soal Essay).

1. Sebelumnya download dulu CKEditor dan KCfinder dibawah ini :
http://ckeditor.com/download
https://kcfinder.sunhater.com/download

2. Masukkan CKEditor dan KCFinder pada directory utama.
3. Selanjutnya mengaktifkan Ckeditor dan Kcfinder include ckeditor.js dengan cara mengisipkan kode berikut pada file index.php di atas tag :

4. dan replace filebrowserImageBrowseUrl, tambahkan kode berikut di atas tag :

5. Selanjutnya buka file “application/quiz_ujian_bank_soal.php” tambahkan atribut id=”editor1″ pada textarea soal essay didalam kondisi $_GET[act]==’tambah’.

6. Untuk security kita tambahkan session agar yang bisa mengakses/upload file hanya user admin yang sudah login saja, buka file “login.php” kemudian setelah/dibawah session level hingga menjadi :

7. Terakhir pada file “kcfinder/conf/config.php” Ubah Menjadi :

Simpan semua perubahan dan silahkan logout dan login lagi selanjutnya buka Menu “Quiz/Ujian Online -> Bank Soal” dan kemudian tambahkan soal essay, seharusnya textarea atau inputan soal saat ini sudah menjadi seperti berikut :
bank_soal

Selesai, Semoga bermanfaat dan sampai jumpa lagi pada artikel lainnya, jika anda mempunyai pertanyaan atau kendala silahkan melalui form komentar yang sudah kita sediakan dibawah ini atau juga bisa melalui forum yang sudah kita sediakan di : https://members.phpmu.com/forum, salam,.. 🙂

Robby Prihandaya

Chief Executive Officer at https://phpmu.com
Robby is an Engineer, Entrepreneur, Thinker and Founder of phpmu.com programming blog. a very popular web development site, Lives in Padang - Indonesia

Author: Robby Prihandaya

Robby is an Engineer, Entrepreneur, Thinker and Founder of phpmu.com programming blog. a very popular web development site, Lives in Padang - Indonesia