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
Parkhotel Weiskirchen
841 | Hotels
Das Parkhotel Weiskirchen befindet sich in Kurparkstr. 4 - Weiskirchen. Besteht aus 125 Zimmern
Weiskirchen - Deutschland
Jugendherberge Wunsiedel
916 | Hostels
Das Jugendherberge Wunsiedel befindet sich in Am Katharinenberg 4 - Wunsiedel. Besteht aus 32 Zimmern
Wunsiedel - Deutschland
Akzent Parkhotel Trebbin
850 | Hotels
Das Akzent Parkhotel Trebbin befindet sich in Parkstraße 5 - Trebbin. Besteht aus 38 Zimmern
Trebbin - Deutschland