Membuat Halaman Teks Editor Untuk Menulis

Berikut ini akan diuraikan langkah-langkah cara membuat ( Halaman Teks Editor Untuk Menulis ) semoga artikel kali ini bermanfaat untuk kita semua.
Adapun Cara membuat : ( Halaman Teks Editor Untuk Menulis ) sebagai berikut :

DAFTAR ISI CODE [Tampilkan][Sembunyikan]

CSS Kode

<style type='text/css'>
* {margin:0;padding:0}
#layout {margin:0 auto}
#text-title {
color: #fff;font: bold 10pt 'arial', sans-serif;
margin: 0.5em 16px 0 8px; float: left;clear: none}

#editor {font: 300 10pt arial;overflow:auto;padding: 8px;border: 1px solid #333}
#menu-toolbar {
font: 10pt arial;background: green;
margin: 0 0 6px 0;padding: 6px;
border-radius:8px 8px 0 0;border-bottom:2px solid red}

button:hover {background: #00dd77}
button:active {background: #00aa55;transform: translate( 1px, 1px )}
button {font: 10pt arial;background: #00cc55;padding: 6px;border:none}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://s-blogger77.googlecode.com/svn/trunk/rich-text-editor.js"></script>
<link rel="stylesheet" href="URL-Blog Anda/resources/demos/style.css">
<div id="layout">
<div id="menu-toolbar">
<div id="text-title">
Text Editor :</div>
<button id="bold" onclick="makeBold()"> Bold </button><button id="italic" onclick="makeItalic()"> Italic </button><button id="underline" onclick="doUnderline()"> Underline </button><button onclick="justifyLeft()"> Justify Left </button><button onclick="justifyCenter()"> Justify Center </button><button onclick="justifyRight()"> Justify Right </button><button onclick="doAddImage()"> Add Image </button><button onclick="doSetTextColor()"> Set Text Color </button></div>
<div id="editor" contenteditable="true">
KLIK, lalu tulis sesuatu disini...</div>
</div>

HTML Kode

Setelah semua kode html, (style, atau b:skin, dan javascript sudah di pasang sesuai posisinya masing-masing langkah terahir adalah Simpan, atau klik pratinjau tema terlebih dahulu,. Namun untuk saran tiada salahnya langsung klik SIMPAN dan lihat hasilnya, jika terjadi eror, dan kode tidak berfungsi dengan baik silahkan informasikan kami di kolom komentar, salam Team SAHAB BISNIS 77.

Demikian Cara membuat ( Halaman Teks Editor Untuk Menulis ) semoga bermanfaat terima kasih.

CONTOHNYA

Text Editor :

KLIK, lalu tulis sesuatu disini...
Berikut ini akan diuraikan langkah-langkah cara membuat ( Halaman Teks Editor Untuk Menulis ) semoga artikel kali ini bermanfaat untuk kita semua.
Adapun Cara membuat : ( Halaman Teks Editor Untuk Menulis ) Semoga bermanfaat terima kasih..