Jumat, 24 Januari 2014

Add Tryit Editor w3schools to Blog

Koben selaku raja source HTML editor akan berbagi info trick bagaimana melakukan snippet (memasang) embed Tryit Editor kepunyaan web w3schools. Kali ini benar-benar asli kita akan menggunakan embed tryit editor dari sana! Coba sobat buka halaman berikut W3Schools Sitemap Pilih salah satu link contoh dan buka lihat apa yang terjadi. INGAT!!! trik ini berjalan terhubung dengan internet yah, di sini AA cuma membantu membuatkan markup HTML-nya bagaimana semua itu akan terjadi pada blog kalian tanpa harus pergi ke web w3schools ;)) Simpan planing HTML dengan metode Add a Gadget → HTML/JavaScript
<table width="100%" border="0" cellpadding="5" cellspacing="5" bgcolor="#e5eecc">
<form action="http://www.w3schools.com/html/tryit_view.asp" method="post" target="view">
<tr align="right">
<td>
<input name="submit" type="submit" value="Submit Code &raquo;">
</td>
</tr>
<tr>
<td width="50%">
<textarea width="100%" height="400px" style="width:100%;height:300px;border:1px solid #999" name="code" wrap="logical" rows="21" cols="42">

------ ADD WTF HTML CODED HERE ------

</textarea>
</td>
<td>
<iframe width="100%" height="400px" style="width: 100%;height: 298px;border: 1px solid #999;background: #fff" name="view" src=""></iframe>
</td>
</tr>
</form>
</table>
Perhatikan link tujuan form action http://www.w3schools.com/html/tryit_view.asp Sobat bisa gantikan sesuai dengan kebutuhan dengan melihat pada link example w3schools (kalau bisa) ;) :P
Itulah cara memasukan embed tryit editor w3schools hanya menggunakan markup HTML :)) Kalau sobat ahli script/code, maka yang akan terjadi akan seperti ini (open and explore right)
  • memopad.bitter.jp/w3c/html/default.html
  • memopad.bitter.jp/w3c/css/tryit.php
Master master, bisa nggak yach kalau itu tryit editor w3schools dibuatkan mandiri dan berjalan secara offline! Itu pertanyaan yg pasti akan datang pada gue dari kalian :)) Andai kalian membaca dan mempelajari artikel framework textarea for create a simple live preview pasti bisa buat. Kalau males searching dengan keyword HTML editor pada blog aku, cobain sikat playit tryit HTML editor playground.
Berikut contoh nyata tryit editor v1.4 modified by sess yg terhubung langsung dengan Tryit Editor v1.8 milik w3schools site myarea.com.sapo.pt/editor Contoh pasang di blog DEMO.

Sikat ger free offline mode apps .html tryit editor like w3schools

Bye :-h

Happy tryit editor \m/

Tidak ada komentar:

Posting Komentar