Selasa, 21 Januari 2014

Generator Parser HTML use JavaScript + Live Preview

Koben akan berbagi satu tool usefully punya bagi kalian! Tools ini sangat berguna bagi kalian para blogger (blogazine) karena memang sering bermain dengan koding (markup HTML) saat mengerjakan postingan. Nama tools ini adalah pure JavaScript html parser. Aplikasi untuk melakukan parser markup HTML kalau parser ada yang terlewatkan. Pernahkah sobat melihat warning dan mengalami error tag is not closed ketika mosting di blogger editor post seperti ginih...
Your HTML cannot be accepted: Tag is not closed: A Dismiss
Kalau belum pernah merasakan hal itu, berarti anda termasuk blogger yg sangat apik dalam menulis mark-up HTML dalam area postingan ;)) Master John Resig owner web ejohn.org dalam artikel pure javascript html parser sudah berbaik hati membuatkan tools tsb untuk kita :D

Apps parser belum mencakup secara keseluruhan markup. Berikut beberapa contoh parseran yg sudah jadi.

  • Unclosed Tags:
  • "<p><b>Hallo" ◄==► '<p><b>Hallo</b></p>'
  • Empty Elements:
  • "<img src=wtf.jpg>" ◄==► '<img src="wtf.jpg"/>'
  • Block vs. Inline Elements:
  • "<b>Hallo <p>Fulan" ◄==► '<b>Hallo </b><p>Fulan</p>'
  • Self-closing Elements:
  • "<p>Hallo<p>World" ◄==► '<p>Hallo</p><p>World</p>'
  • Attributes Without Values:
  • "<input disabled>" ◄==► '<input disabled="disabled"/>'
Lumayan bray dari pada pusing cari-cari mana tagging yg belum ke tutup :P parser sajah, jebret!
INGAT, ini parser HTML bukan JavaScript.

htmlparser.js:
    htmlparser.js
  • ejohn.org/files/htmlparser.js
  • Demo
  • ejohn.org/apps/htmlparser
AA Koben sudah menyisipkan live preview on textarea pada apps htmlparser yg sudah ada! Buka halaman brikut, dan lakukan Save Page As ke dalam tempat penyimpanan data kalian.
Other parser on github.com/blowsie/Pure-JavaScript-HTML5-Parser

Happy parser \m/

Tidak ada komentar:

Posting Komentar