Cara Menciptakan Teks Editor Lengkap Untuk Form
Selasa, 29 Juni 2010
Tambah Komentar
Cara menciptakan teks editor di website – Teks editor ialah sebuah form yang berisi beberapa tools untuk kepentingan edit teks. Misanya ibarat bold, italic, underline, align, hyperlink, dan masih banyak lagi. Mungkin jikalau kita berpatok di sebuah software, maka salah satu teks editor yang sangat terkenal hingga ketika ini ialah Microsoft office word. Namun software ini tidak hanya sebatas text editor saja. Banyak yang dapat dilakukan oleh software tersebut dalam hal pengolahan kata. Mungkin ibarat itulah sedikit citra mengenai text editor.
Dalam sebuah pemrograman web, sebuah text editor tak kalah penting. Dalam hal desain web, biasanya text editor dipakai dalam sebuah form/formulir. Dari form tersebut, pengembang dapat saja mendapat gosip dari client maupun user. Oleh alasannya ialah itu, text editor sangatlah diperlukan.
Kita dapat menciptakan sebuah form html dengan memakai tag <form></form> dan juga untuk tiap kolom, dapat memakai tag/kode <input> dan <textarea></textarea>. Namun jikalau kita hanya memakai isyarat default dari html, formulir dan text box yang kita buat dapat dibilang kurang menarik dan tidak ada tools sama sekali. Oleh alasannya ialah itu, pada kesempatan kali ini, TB akan membagikan cara menciptakan text editor terlengkap beserta toolsnya untuk formulir html.
Sebelum masuk ke tutorial, saya ingin memberi sedikit gosip mengenai teks editor yang akan saya bagikan. Teks editor untuk form html ini saya ambil dari sebuah pengembang isyarat berjulukan Ckeditor. Text editor yang saya bagikan kali ini ialah versi terbaru dari ckeditor. Untuk atribut dan perlengkapannya, dapat kalian download di urut tutorial berikut ini.
Cara menciptakan text editor di html ialah sebagai berikut.
1. Silahkan download perlengkapan atau atribut isyarat yang sudah disediakan Ckeditor. DOWNLOAD DISINI
2. Silahkan taruh file ckeditor didalam folder website paling luar.
3. Panggil dahulu file ckeditornya. Yaitu dengan isyarat berikut ini.
<script type=”text/javascript” src=”ckeditor/ckeditor.js”></script>
4. Untuk menciptakan text editor dengan ckeditor, caranya ialah kau harus memasukan isyarat berikut.
<textarea class=’ckeditor’ id=’ckedtor’></textarea>
5. Contoh isyarat halaman HTML lengkapnya ialah sebagai berikut.
<!DOCTYPE html>
<html>
<head>
<title>Membuat Text Editor HTML Lengkap Dengan CkEditor - http://teziger.blogspot.com</title>
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
</head>
<body>
<center>
<h1>Silahkan Masukan Postingan Anda</h1>
<form>
<input type="text" name="" placeholder="Judul" style="width: 100%;padding: 10px;"><br><br>
<textarea class="ckeditor" id="ckedtor"></textarea><br>
<input type="submit" name="" value="Kirim">
</form>
</center>
</body>
</html>
<html>
<head>
<title>Membuat Text Editor HTML Lengkap Dengan CkEditor - http://teziger.blogspot.com</title>
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
</head>
<body>
<center>
<h1>Silahkan Masukan Postingan Anda</h1>
<form>
<input type="text" name="" placeholder="Judul" style="width: 100%;padding: 10px;"><br><br>
<textarea class="ckeditor" id="ckedtor"></textarea><br>
<input type="submit" name="" value="Kirim">
</form>
</center>
</body>
</html>
Dan berikut ini hasilnya.
Oke, itulah sedikit tips dan trik mengenai cara menciptakan text editor untuk form html dengan ckeditor. Bila ada pertanyaan, silahkan tanya di kolom komentar yaa :) Semoga artikel ini bermanfaat! Terima Kasih!
Search Tag:
text editor untuk artikel,
cara menampilkan hasil ckeditor
cara memakai ckeditor di website
ckeditor js,
cara memakai ckeditor,
cara menciptakan halaman posting dengan php,
text editor codeigniter,
download ckeditor js
Search Tag:
text editor untuk artikel,
cara menampilkan hasil ckeditor
cara memakai ckeditor di website
ckeditor js,
cara memakai ckeditor,
cara menciptakan halaman posting dengan php,
text editor codeigniter,
download ckeditor js
Belum ada Komentar untuk "Cara Menciptakan Teks Editor Lengkap Untuk Form"
Posting Komentar