Blogs
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 :
- Download file CK-Editor dari web resminya. Pada saat membuka web, ada beberapa pilihan versi CK-Editor, silahkan pilih CK-Editor 4.
- 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.
Hotelempfehlung
Aparthotel Seeschlösschen
851 | Ferienwohnungen
Das Aparthotel Seeschlösschen befindet sich in Dünenstr. 15 - Zinnowitz. Besteht aus 23 Zimmern
Zinnowitz - Deutschland
Hotel Hartmann
852 | Hotels
Das Hotel Hartmann befindet sich in Hauptstraße 27 - Wietzendorf. Besteht aus 23 Zimmern
Wietzendorf - Deutschland
Appartment-Hotel Seeschlösschen
849 | Aparthotels
Das Appartment-Hotel Seeschlösschen befindet sich in Strandallee 166 - Timmendorfer Strand. Besteht aus 30 Zimmern
Timmendorfer Strand - Deutschland