Penulisan pada editor
Alur Program :
- User input artikel pada text editor
- User menyimpan data artikel tersebut ke database MySQL
- Data disimpan di database
- User menampilkan data yang tersimpan di database ke halaman view artikel
- Selesai
Untuk penjelasan syntaxnya silahkan buka file index.php
Coding untuk memanggil library editor
<script type=”text/javascript” src=”./jscripts/tiny_mce/tiny_mce.js“></script>
<script type=”text/javascript”>
tinyMCE.init({
mode : “exact”,
elements : “elm2“,
theme : “advanced”,
skin : “o2k7″,
skin_variant : “silver”,
plugins :template_external_list_url : “lists/template_list.js”,
external_link_list_url : “lists/link_list.js”,
external_image_list_url : “lists/image_list.js”,
media_external_list_url : “lists/media_list.js”,template_replace_values : {
username : “Some User”,
staffid : “991234″
}
});
</script>
Coding untuk Form editor
<title>Form Editor Ri32</title>
<body onLoad=”document.login.userid.focus();”>
<form action=”simpan.php” method=”post”><table width=”637″ border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″>
<tr>
<td height=”30″><strong>Judul Artikel</strong></td>
</tr>
<tr>
<td width=”67%” height=”30″><font face=”Times New Roman” size=”2″>
<input type=”text” name=”judul”/ size=”40″></font></td>
</tr><tr>
<td width=”67%” height=”30″><font face=”Verdana, Arial, Helvetica, sans-serif” size=”1″><em>(Gunakan editor untuk mengedit tulisan)</em></font></td>
</tr><tr>
<td width=”67%” height=”182″><font face=”Times New Roman” size=”2″>
<textarea name=”isi” cols=”30″ rows=”10″ id=’elm2′></textarea></font></td>
</tr><tr>
<td> </td>
</tr><tr>
<td width=”67%”><input type=”submit” value=”Simpan”> </td>
</tr>
</table>
</form>
</body>
</html>
Catatan :
perhatikan syntax id=elm2 pada tag <textarea name=”isi” cols=”30″ rows=”10″ id=’elm2‘></textarea>
Tampilan Hasil Editor
Download Tinymce
http://www.4shared.com/file/OHLhCcFF/text_editor.html
Download nicEdit
http://www.4shared.com/file/SUhOsg3C/nicEdit-ri32.html
Sekian artikel dari saya semoga dapat bermanfaat untuk teman-teman dan anda semua…aamin
Depok, 26-02-2011
noname
Filed under: Belajar PHP Tagged: | javascript, menampilkan, pada, text editor, textarea, tinymce
Sonora Jakarta
mw nanya ni mas…saya kan ad donLot ujian onLen yg dari blog ini jga..
jadi text edotir ini saya masukkan di script ujian onlen….
tpi pada saat view soalnya….kan saya tes tulisan bold…
tpi outputnya gag mw muncuL tulisan boldnya cma bold….
tulisanya bisa…gag tebal….
dmna ya kira2 yg saLah…?????
sepertinya di script untuk menampilkn data dari databasenya di filter agar tag html tidak ditampilkan.
untuk kasus seperti ini mau tidak mau filter tadi di hilangkan dahulu. agar efek bold pada tulisan bisa di tampilkan sebagai tah html
script filter nya sendiri biasanya saya menggunakan fungsi
htmlentities()
atau scripttags()
silahkan dicari, kalo ada di hilangkan dahulu.
sekian semoga paham : )
Mas, mau tanya, pada saat artikel di submit , artkel yang telah di buat mempnyai link. semisal kta imput nah keluarnya artikel itu nama pada url , nama jdul artikel yang telah di buat. mohon penyerahannya. termiakasih.
iya mas udah mau , tapi gag pengaruh apa2 ya saya hapus fungsi htmlentities() ???
sebenernya itu fungsinya untuk ap ya mas???
terima kasih mas sangat bermanfaat
gan klo php gmana yach??