Banyak sekali manfaat Ckeditor selain membuat tampilan website yang kita buat menjadi lebih menarik Ckeditor juga bisa memudahkan kita jika ingin membuat tulisan miring, tebal,garis bawah dan sebagainya bisa menggunakan ckeditor ini.Ckeditor adalah semacam library yang di bangun meggunakan JavaScript untuk memudahkan kita dalam membuat form posting/text editor pada form.Lalu bagaiman cara kita menggunakannya? mari kita bahas.
- Download dulu ckeditor klik Disini ini saya menggunakan ckeditor yang versi full,teman - teman bisa mendownload sesuai keinginan.
- Kita buat halaman di mana kita akan menampilkan ckeditornya,di sini saya menggunakan HTML
<!DOCTYPE html>Kita buat script untuk menghubungkan ckeditor
<html>
<head>
<title>Membuat Form Posting Dengan CKEditor</title>
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
</head>
<body>
<div class="kotak">
<h2>Di Bawah ini contoh hasil form input dengan ckeditor</h2>
<h2>Saya menggunakan ckeditor yang versi ful</h2>
<textarea class="ckeditor" id="ckedtor"></textarea>
<br/>
<button class="tombol">Simpan</button>
</div>
</body>
</html>
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>Lalu untuk menampilkannya kita tinggal memanggilnya saja,gunakan text area agar tampilan lebih terlihat pas.
<textarea class="ckeditor" id="ckedtor"></textarea>style.css
body{Dan bisa kita cek hasilnya.
background: #fcfcfc;
}
h1{
text-align: center;
font-family: sans-serif;
font-weight: 300;
color: #fff;
}
.tombol{
padding: 8px 15px;
border-radius: 3px;
background: #ECF0F1;
border: none;
color: #232323;
font-size: 12pt;
}
.kotak{
margin: 20px auto;
background: gray;
width: 900px;
padding: 20px 50px 50px 50px;
border-radius: 3px;
}
Referensi : www.malasngoding.com
Tidak ada komentar :
Posting Komentar