Rabu, 19 April 2017

Membuat Form Postingan Dengan Ckeditor

Assalamualaikum Wr.Wb


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 link ini pada kesempatan 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>
<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>
Kita buat script untuk menghubungkan ckeditor
<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>
Dan inilah hasilnya







Referensi:


Wassalamualaikum Wr.Wb
Share:

0 komentar:

Posting Komentar