Salam hangat, Bagaimana Cara Menggunakan Ckeditor Di Codeigniter, inilah yang saya temui disalah satu grub, ada member yang bertanya bagaimana cara menggunakan ckeditor di CI, padahal ada dokumentasi yang lengkap mengenai COdeigniter ataupun CKeditor, tapi apa salahnya saya mencoba membantu, mungkin sahabat kita ada yang belum begitu paham dengan konsep OOP ataupun MVC(Model View Controller).
Langkah Pertama anda harus download dahulu CKeditor, disini saya menggunakan Versi ckeditor_4.4.6_standard.
Setelah download anda ekstrak dahulu, selanjutnya pastikan anda sudah mempunyai file Codeigniter yang sudah diekstrak di dalam folder htdoc(xampp). Jika semua sudah siap mari kita coba langkah-langkahnya:
- Pindahkan folder ckeditor_4.4.6_standard kedalam folder Codeigniter yang berada didalam htdoc anda.
- Buat Controller baru, disini saya beri nama Ckeditor, bagi yang sudah pernah bermain Codeigniter saya anggap paham dimana tempat membuat controller.
- Buat sebuah View, disini saya membuat view dengan nama ckeditor.php,
- Didalam view anda buat file HTML, dan sediakan sebuah tag <texarea></textarea>
Berikut saya sediakan contoh dari file controllernya:
<?php
class Ckeditor extends CI_Controller{
public function index()
{
$this->load->view('ckeditor');
}
}Kemudian buat sebuah view.
<!DOCTYPE html>
<html>
<head>
<title>A Simple Page with CKEditor</title>
<!-- Pastikan bagian ini tidak salah(not found). -->
<script src="<?php echo base_url('ckeditor_4.4.6_standard/ckeditor/ckeditor.js'); ?>"></script>
</head>
<body>
<form>
<textarea name="editor1" id="editor1" rows="10" cols="80">
This is my textarea to be replaced with CKEditor.
</textarea>
<button>KIRIM</button>
<script>
// Replace the <textarea id="editor1"> with a CKEditor
// instance, using default configuration.
CKEDITOR.replace( 'editor1' );
</script>
</form>
</body>
</html>Selesai, yang perlu anda perhatikan jangan salah letak file ckeditor.js, seperti url di atas file ckeditor.js terletak didalam htdoc/namafoldercianda/ckeditor_4.4.6_standard/ckeditor/ckeditor.js...
Kesalahan yang mungkin terjadi dalam mengikuti tutorial ini :
- Agar tutorial ini dapat berjalan, pastikan anda sudah memahami configurasi codeigniter.
Demikian bagaimana cara menggunakan CKeditor di codeigniter.
saya belum paham mas , gunanya dari pembahasan artikel ini hehe ,,,,
BalasHapusaduh dapet pertamax , premiumnya saya yang dapetin lagi dah
BalasHapus