Cara Integerasi CkEditor Dengan Responsive Filemanager

Posted: 05 Oktober 2017 | By: gagaspower

Integerasi ckeditor dengan responsive filemanger - Ketika kita mendevelop project website berbasis php baik native ataupun framework pasti kita akan membutuhkan banyak plugin untuk melengkapi fitur-fitur pada website tersebut. Salah satunya adalah dengan menggunakan text editor WYSIWYG seperti TinyMce dan/atau CKeditor.

Tetapi, meskipun demikian tentunya pada text editor tersebut masih kurang pluginnya dan kita masih membutuhkan plugin untuk melakukan kerjanya, seperti upload gambar dimana fitur tersebut memperbolehkan kita mengupload gambar atau memasukan gambar di tengah-tengah artikel yang kita buat.

Ada banyak sekali yang dapat kita gunakan seperti CKFinder, KCFinder, ELFinder dan lainnya.

Akan tetapi, pada artikel ini saya akan share untuk integerasi antara text editor WYSIWYG ckeditor dengan Responsive filemanager.

integerasi ckeditor dengan responsive filemanager

Bagaimana caranya agar kita dapat mengintegerasikan kedua plugin tersebut ?

Pertama, silahkan download terlebih dahulu ckeditor di ckeditor.com

Kedua, download juga plugin responsive filemanager di responsivefilemanager.com

copykan kedua plugin ke dalam folder sesuai kebutuhan anda, dan silahkan includekan script js di dalam file dimana anda akan menggunakannya.

<script src="assets/ckeditor/ckeditor.js" type="text/javascript"></script>
<script>CKEDITOR.replace( 'editor' ,{ 
			filebrowserBrowseUrl : 'assets/filemanager/dialog.php?type=2&editor=ckeditor&amp;fldr=', 
			filebrowserUploadUrl : 'assets/filemanager/dialog.php?type=2&editor=ckeditor&amp;fldr=', 
			filebrowserImageBrowseUrl : 'assets/filemanager/dialog.php?type=1&editor=ckeditor&amp;fldr=' 
		});</script>

Dan pada text area silahkan masukan id "editor" seperti yang sudah di declare pada script diatas, contohnya:

<textarea name="editor" id="editor"></textarea>

Jika semua sudah, anda tinggal mengatur direktori upload gambar yang berada pada filemanager/config/config.php.

Tinggalkan Komentar

» Komentar Akan Di Publikasikan Jika Disetujui Administrator.

» Notifikasi Balasan Juga akan terkirim Ke email anda. Mohon masukan email yang valid dan aktif

Copyright ©2017 - Ruangpojok.net