admin
by on June 16, 2020
2,798 views

CK-Editor berfungsi untuk mempermudah dalam menulis artikel, hal ini dikarenakan dengan CK-Editor memungkinkan menulis artikel tanpa perlu ribet dengan pengaturan html. Tampilannya  mirip dengan aplikasi office yang ada di Komputer, namun lebih sederhana karena hanya difokuskan untuk text editor. CK-Editor bisa diintegrasikan dengan mudah ke dalam codeigniter 4 dengan langkah sebagai berikut :

  1. Download file CK-Editor dari web resminya. Pada saat membuka web, ada beberapa pilihan versi CK-Editor, silahkan pilih CK-Editor 4.
  2. Ekstrak file yang telah didownload ke Root web server yang telah di install sebelumnya dan ubah nama foldernya sesuai petunjuk pada videoGunakan kode berikut untuk mempermudah tutorial dalam video

 

Gunakan kode berikut untuk mempermudah tutorial dalam video

Kode 1

<?php namespace App\Controllers; class Ckeditor extends BaseController {     public function index()     {         return view('ckeditor');     } }

 

Kode 2

<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> body {   width: 700px;   margin: auto; } h2{text-align: center; } form {   border: 3px solid #f1f1f1; } input[type=text], input[type=password] {   width: 100%;   padding: 12px 20px;   margin: 7px 0;   display: inline-block;   border: 1px solid #ccc;   box-sizing: border-box; } button {   background-color:rgb(25,123,162);   color: white;   padding: 12px 20px;   margin: 8px 0;   border: none;   cursor: pointer;   width: 100px; } .container {   padding: 16px; } </style> </head> <body> <h2>Integrasi CK Editor dengan Codeigniter 4</h2> <form action="" method="post">   <div class="container">     <label for="enkripsi"><b>Tulis Sesuatu</b></label>     <textarea id="ckeditor" name="tek" placeholder="Tulis Berita.." style="height:250px" required ></textarea>     <button type="submit">Publish</button><br>   </div> </form> <script src="https://cdn.ckeditor.com/4.15.1/standard/ckeditor.js"></script> <script> CKEDITOR.replace( 'ckeditor' ); </script> </body> </html>

Posted in: CodeIgniter 4
Be the first person to like this.