Cara Memasang Teks WYSYWYG CK editor

Memasang Teks WYSYWYG CK editor  di Text area

 Untuk Downlaod Ck editornya di situs resminya Disini  anda bisa memilih yang Basic, Standar , atau Full saya sih pakai yang standard aja.

1.Setelah anda download anda buat folder baru misal "editor" kemudian ekstrak Ck editornya di situ


ck1
2. Kedua Copy Script dibawah ini  lalu simpan dengan nama "latihanck.html"


<html>
<head>
<title>Zlearn</title>
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
<script type="text/javascript" src="ckeditor/style.js"></script>
<style type="text/css">
body{
font-family: sans-serif;
}
#kotak{
margin: 50px auto;
background: #ECF0F1;
width: 800px;
height: 500px;
padding: 20px;
background: rgba(87, 211, 221, 1);
}
h1{
text-align: center;
}
table tr input{
width: 700px;
height: 30px;
padding-left: 20px;
font-size: 12pt;
}
</style>
</head>
<body>
<div id="kotak">
<h1>Form posting <font color="rgba(87, 255, 0, 1);">zlearn99.blogspot.co.id</font></h1>
<form>
<table>
<tr>
<td>Judul</td>
<td><input type="text"></td>
</tr>
<tr>
<td>Isi</td>
<td><textarea name="tugas" class="ckeditor" ></textarea></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="Posting"></td>
</tr>

</table>
</form>
</div>
</body>
</html>


3.Dan Inilah Hasilnya tadaa *-*

 Sekian dan Terimakasih Jangan Lupa tinggalkan komentar anda ..

Share this

Related Posts

Previous
Next Post »

Berita Unik

loading...