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
Spreewaldhotel Garni Raddusch
847 | Hotels
Das Spreewaldhotel Garni Raddusch befindet sich in Radduscher Dorfstraße 24 - Vetschau/Spreewald. Besteht aus 31 Zimmern
Vetschau/Spreewald - Deutschland
Best Western Hotel Stuttgart 21
853 | Hotels
Das Best Western Hotel Stuttgart 21 befindet sich in Friedhofstr. 21 - Stuttgart. Besteht aus 89 Zimmern
Stuttgart - Deutschland
Hotel Zur Traube
866 | Hotels
Das Hotel Zur Traube befindet sich in Friedrichstrasse 233 - Velbert. Besteht aus 29 Zimmern
Velbert - Deutschland