Friday 8 June 2018

Cara Membuat Teks Editor Lengkap Untuk Form

Cara membuat teks editor di websiteTeks editor adalah sebuah form yang berisi beberapa tools untuk kepentingan edit teks. Misanya seperti bold, italic, underline, align, hyperlink, dan masih banyak lagi. Mungkin jika kita berpatok di sebuah software, maka salah satu teks editor yang sangat populer sampai saat ini adalah Microsoft office word. Namun software ini tidak hanya sebatas text editor saja. Banyak yang bisa dilakukan oleh software tersebut dalam hal pengolahan kata. Mungkin seperti itulah sedikit gambaran mengenai text editor.

Dalam sebuah pemrograman web, sebuah text editor tak kalah penting. Dalam hal desain web, biasanya text editor digunakan dalam sebuah form/formulir. Dari form tersebut, pengembang bisa saja mendapatkan informasi dari client maupun user. Oleh karena itu, text editor sangatlah diperlukan.

Kita bisa membuat sebuah form html dengan menggunakan tag <form></form> dan juga untuk tiap kolom, bisa menggunakan tag/kode <input> dan <textarea></textarea>. Namun jika kita hanya menggunakan kode default dari html, formulir dan text box yang kita buat bisa dibilang kurang menarik dan tidak ada tools sama sekali. Oleh karena itu, pada kesempatan kali ini, TB akan membagikan cara membuat text editor terlengkap beserta toolsnya untuk formulir html.

Sebelum masuk ke tutorial, saya ingin memberi sedikit informasi mengenai teks editor yang akan saya bagikan. Teks editor untuk form html ini saya ambil dari sebuah pengembang kode bernama Ckeditor. Text editor yang saya bagikan kali ini adalah versi terbaru dari ckeditor. Untuk atribut dan perlengkapannya, bisa kalian download di urut tutorial berikut ini.
Cara membuat text editor di html adalah sebagai berikut.
1. Silahkan download perlengkapan atau atribut kode yang sudah disediakan Ckeditor. DOWNLOAD DISINI

2. Silahkan taruh file ckeditor didalam folder website paling luar.

3. Panggil dahulu file ckeditornya. Yaitu dengan kode berikut ini.
<script type=”text/javascript” src=”ckeditor/ckeditor.js”></script>

4. Untuk membuat text editor dengan ckeditor, caranya adalah kamu harus memasukan kode berikut.
<textarea class=’ckeditor’ id=’ckedtor’></textarea>

5. Contoh kode halaman HTML lengkapnya adalah 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>

Dan berikut ini hasilnya.

cara membuat text editor di html website

Setiap tools yang tersedia di text editor untuk form html diatas bisa digunakan semuanya! 

Oke, itulah sedikit tips dan trik mengenai cara membuat 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 menggunakan ckeditor di website
ckeditor js,
cara menggunakan ckeditor,
cara membuat halaman posting dengan php,
text editor codeigniter,
download ckeditor js

1 komentar:

  1. This comment has been removed by a blog administrator.

    ReplyDelete

Hai, Mohon Komentar Yang Relevan Dan Tidak OOT!