Prodigy of Head | Generator Parser HTML use JavaScript + Live Preview

Link to Tutorial Blog for Stylish Blogger

Generator Parser HTML use JavaScript + Live Preview

Posted: 21 Jan 2014 05:55 AM PST

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:

"Hallo" ◄==► 'Hallo'

Empty Elements:

"<img src=wtf.jpg>" ◄==► '<img src="wtf.jpg"/>'

Block vs. Inline Elements:

"Hallo Fulan" ◄==► 'Hallo Fulan'

Self-closing Elements:

"HalloWorld" ◄==► 'HalloWorld'

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:

ejohn.org/files/htmlparser.js
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/