Sebelumnya kita harus mendownload plugins CKEditor dan KCFinder di link dibawah ini :
– CKEditor : https://ckeditor.com/download
– KCFinder : https://kcfinder.sunhater.com/download
- Struktur Folder dan File saya
- Konfigurasi CKEditor
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<title>CKEditor</title>
<script src=”<?php echo base_url(‘assets/admin/plugins/ckeditor/ckeditor.js’);?>”></script>
</head>
<body>
<textarea name=”” class=”editor1″></textarea>
<script>CKEDITOR.replace( ‘editor1’ );</script>
</body>
</html> - Selanjutnya, buka file config.js yang ada dalam folder ” ckeditor “. Tambahkan code seperti dibawah ini sesuai dengan struktur folder di sistem anda.
config.filebrowserBrowseUrl = ‘../assets/admin/plugins/kcfinder/browse.php?type=files’;config.filebrowserImageBrowseUrl = ‘../assets/admin/plugins/kcfinder/browse.php?type=images’;
config.filebrowserFlashBrowseUrl = ‘../assets/admin/plugins/kcfinder/browse.php?type=flash’;
config.filebrowserUploadUrl = ‘../assets/admin/plugins/kcfinder/upload.php?type=files’;config.filebrowserImageUploadUrl = ‘../assets/admin/plugins/kcfinder/upload.php?type=images’;
config.filebrowserFlashUploadUrl = ‘../assets/admin/plugins/kcfinder/upload.php?type=flash’; atau langsung alamat website kita : config.filebrowserBrowseUrl = ‘http://your_website/assets/admin/plugins/kcfinder/browse.php?type=files’;
config.filebrowserImageBrowseUrl = ‘http://your_website/assets/admin/plugins/kcfinder/browse.php?type=images’;
config.filebrowserFlashBrowseUrl = ‘http://your_website/assets/admin/plugins/kcfinder/browse.php?type=flash’;
config.filebrowserUploadUrl = ‘http://your_website/assets/admin/plugins/kcfinder/upload.php?type=files’;
config.filebrowserImageUploadUrl = ‘http://your_website/assets/admin/plugins/kcfinder/upload.php?type=images’;
config.filebrowserFlashUploadUrl = ‘http://your_website/assets/admin/plugins/kcfinder/upload.php?type=flash’; - Lalu, buka file config.php yang ada di dalam folder ” kcfinder/conf “. konfigurasi “disabled” menjadi “false” seperti dibawah ini :
- Maka kita sudah bisa menggunakan ckeditor untuk browser server kita sendiri seperti dibawah ini :
