Abdul Hafid Gunawan - Hai sobat setia SC Blog, kali ini author akan membahas tentang penggunaan CKEditor.
PENGERTIAN
CKEditor merupakan sebuah library yang di bangun menggunakan javascript, yang bertujuan agar memudahkan kita dalam membuat sebuah form postingan seperti di blog pada form.
Ada beberapa jenis Package CKEditor antara lain :
- Basic Package
- Standart Package
- Full Package
Cara Membuat Form Posting Menggunakan CKEditor
<!DOCTYPE html>
<html>
<head>
<title>Membuat Form Posting Dengan CKEditor | www.malasngoding.com</title>
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="kotak">
<h1>
Membuat Form Posting Dengan CKEditor<br/>
Cara Menggunakan CKEditor <br/>
sleeping-codings.blogspot.com
</h1>
<textarea class="ckeditor" id="ckedtor"></textarea>
<br/>
<button class="tombol">Simpan</button>
</div>
</body>
</html>
style.css
body{
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: #1ABC9C;
width: 900px;
padding: 20px 50px 50px 50px;
border-radius: 3px;
}
KESIMPULAN
Nah, jadi gampangkan kita tinggal menggunakan script <script type="text/javascript" src="ckeditor/ckeditor.js"></script> (untuk memanggil file ckeditor) dan <textarea class="ckeditor" id="ckedtor"></textarea> ( Untuk memanggil function dari ckeditor ).
Wassalamu'alaikum W. W
seblumnya,saya sempat bingung dalam belajar membuat web dengan java script formulir tapi alhamdulilah setelah saya melihat web ini dengan berbagai tutorial nya saya jadi mudah untuk mempelajari dan mempraktekan nya di rumah dan sekarang saya mulai terbiasa dengan bahasa pemograman java script formulir ,untuk admin terimakasih dan terus berikan yang terbaik untuk membaca,karena sungguh artikel ini sangat berguna bagi pemula seperti saya.
ReplyDeleteperkenalkan saya Muhammad akbar
silahkan kunjungi website kampus saya di link ini
https://www.atmaluhur.ac.id/