{"id":61,"date":"2022-10-05T08:00:34","date_gmt":"2022-10-05T08:00:34","guid":{"rendered":"https:\/\/aksesia.com\/tools\/?p=61"},"modified":"2025-06-06T21:05:27","modified_gmt":"2025-06-06T14:05:27","slug":"html-javascript-parse-unparse","status":"publish","type":"post","link":"https:\/\/aksesia.com\/tools\/html-javascript-parse-unparse","title":{"rendered":"HTML Javascript Parse Unparse Tool"},"content":{"rendered":"\n<style>\n#aksesia_tools .code-parse-unparse code{font-family:Consolas,Monaco,'Andale Mono','Courier New',Courier,Monospace;padding:2px 4px;background:var(--wp--preset--color--black);color:var(--wp--preset--color--vivid-red);display:unset;font-style:italic;border-radius:5px}\n<\/style>\n\n<div class=\"post-body\">\n\n<div id=\"aksesia_tools\">\n<div class=\"aksesia-tools-top\"><\/div>\n<div class=\"code-parse-unparse\">\n\n<textarea id=\"InputCode\" placeholder=\"Silakan paste code HTML atau JavaScript di sini .... Kemudian klik tombol Parse atau Unparse sesuai kebutuhan\"><\/textarea>\n\n<!-- start option --><div>\n\n<div class=\"flex flex-center\">\n<label class=\"control-label opsi1\" for=\"option1\">Konversi karakter <code>&amp;<\/code> == <code>&amp;amp;<\/code><\/label>\n<label class=\"toggle-option\" for=\"option1\">\n  <input class=\"toggle-switch\" id=\"option1\" type=\"checkbox\" checked >\n  <div class=\"toggle-wrapper\"><span class=\"selector\"><\/span><\/div>\n<\/label>\n<\/div>\n\n<div class=\"flex flex-center\">\n<label class=\"control-label opsi2\" for=\"option2\">Konversi karakter <code>&lt;<\/code> == <code>&amp;lt;<\/code><\/label>\n<label class=\"toggle-option\" for=\"option2\">\n  <input class=\"toggle-switch\" id=\"option2\" type=\"checkbox\" checked >\n  <div class=\"toggle-wrapper\"><span class=\"selector\"><\/span><\/div>\n<\/label>\n<\/div>\n\n<div class=\"flex flex-center\">\n<label class=\"control-label opsi3\" for=\"option3\">Konversi karakter <code>&gt;<\/code> == <code>&amp;gt;<\/code><\/label>\n<label class=\"toggle-option\" for=\"option3\">\n  <input class=\"toggle-switch\" id=\"option3\" type=\"checkbox\" checked >\n  <div class=\"toggle-wrapper\"><span class=\"selector\"><\/span><\/div>\n<\/label>\n<\/div>\n\n<div class=\"flex flex-center\">\n<label class=\"control-label opsi4\" for=\"option4\">Konversi karakter <code>\"<\/code> == <code>&amp;quot;<\/code><\/label>\n<label class=\"toggle-option\" for=\"option4\">\n  <input class=\"toggle-switch\" id=\"option4\" type=\"checkbox\" >\n  <div class=\"toggle-wrapper\"><span class=\"selector\"><\/span><\/div>\n<\/label>\n<\/div>\n\n<div class=\"flex flex-center\">\n<label class=\"control-label opsi5\" for=\"option5\">Konversi karakter <code>'<\/code> == <code>&amp;#039;<\/code><\/label>\n<label class=\"toggle-option\" for=\"option5\">\n  <input class=\"toggle-switch\" id=\"option5\" type=\"checkbox\" >\n  <div class=\"toggle-wrapper\"><span class=\"selector\"><\/span><\/div>\n<\/label>\n<\/div>\n\n<\/div><!-- end option -->\n\n<hr class=\"mid\" \/>\n<div class=\"button-wrap middle\">\n<button onclick=\"ParseCode()\" class=\"result_btn\">Parse<\/button>\n<button onclick=\"UnparseCode()\" class=\"result_btn\">Unparse<\/button>\n<button onclick=\"Salin()\" class=\"result_btn\">Salin<\/button>\n<button onclick=\"Bersihkan()\" class=\"result_btn\">Bersihkan<\/button>\n<\/div>\n\n<div class=\"clear\"><\/div>\n<textarea id=\"OutputCode\" placeholder=\"Hasil konversi code akan muncul di sini\" readonly=\"readonly\"><\/textarea>\n\n<\/div>\n<\/div>\n\n<script src=https:\/\/aksesia.com\/wp-content\/themes\/moderntools\/assets\/js\/html-javascript-parse-unparse.js><\/script>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\ud83e\uddfe Apa Itu Tools HTML JavaScript Parse &amp; Unparse?<\/h2>\n\n\n\n<p><strong>HTML JavaScript Parse Unparse<\/strong> adalah alat online yang memungkinkan Anda mengubah (parse) karakter khusus dalam kode HTML\/JavaScript menjadi bentuk <em>encoded<\/em> (aman untuk ditampilkan di browser), atau sebaliknya (unparse), mengembalikannya ke bentuk aslinya. Tools ini sangat berguna bagi pengembang web, blogger, atau siapa saja yang ingin membagikan cuplikan kode tanpa dieksekusi oleh browser.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\ud83c\udfaf Fungsi Utama Tools Ini<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\ud83d\udd10 <strong>Parse (Encode):<\/strong> Mengubah karakter seperti &lt;, &gt;, &amp;, &#8221; dan &#8216; menjadi entitas HTML agar tidak dianggap sebagai bagian dari script atau elemen HTML.<\/li>\n\n\n\n<li>\ud83d\udd13 <strong>Unparse (Decode):<\/strong> Mengembalikan entitas HTML ke bentuk karakter aslinya untuk digunakan kembali dalam kode.<\/li>\n\n\n\n<li>\ud83d\udccb <strong>Salin &amp; Bersihkan:<\/strong> Memudahkan menyalin hasil dan membersihkan input dengan satu klik.<\/li>\n\n\n\n<li>\u2699\ufe0f <strong>Opsi Kustomisasi:<\/strong> Pengguna dapat memilih karakter mana saja yang ingin dikonversi secara manual.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u2699\ufe0f Cara Menggunakan Tools Ini<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Tempelkan kode Anda<\/strong> di kolom atas.<\/li>\n\n\n\n<li><strong>Aktifkan atau nonaktifkan opsi karakter<\/strong> yang ingin Anda parse atau unparse:\n<ul class=\"wp-block-list\">\n<li>&amp; \u2194 &amp;amp;<\/li>\n\n\n\n<li>&lt; \u2194 &amp;lt;<\/li>\n\n\n\n<li>&gt; \u2194 &amp;gt;<\/li>\n\n\n\n<li>&#8221; \u2194 &amp;quot;<\/li>\n\n\n\n<li>&#8216; \u2194 &amp;#039;<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Klik tombol:\n<ul class=\"wp-block-list\">\n<li>\u2705 <strong>Parse<\/strong> untuk mengubah karakter menjadi entitas HTML.<\/li>\n\n\n\n<li>\ud83d\udd01 <strong>Unparse<\/strong> untuk mengembalikan entitas ke bentuk karakter asli.<\/li>\n\n\n\n<li>\ud83d\udccb <strong>Salin<\/strong> untuk menyalin hasil konversi.<\/li>\n\n\n\n<li>\ud83e\uddf9 <strong>Bersihkan<\/strong> untuk menghapus input dan output.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\ud83e\udde9 Fitur-Fitur Utama<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\ud83d\udca1 <strong>Antarmuka Interaktif:<\/strong> Pilih karakter yang ingin dikonversi dengan mudah.<\/li>\n\n\n\n<li>\u2699\ufe0f <strong>Dua Arah:<\/strong> Mendukung parse dan unparse sekaligus.<\/li>\n\n\n\n<li>\ud83d\udcf1 <strong>Responsif:<\/strong> Bisa digunakan di semua perangkat, termasuk ponsel.<\/li>\n\n\n\n<li>\ud83e\uddd8 <strong>Mudah Digunakan:<\/strong> Tidak perlu login atau instalasi.<\/li>\n\n\n\n<li>\ud83d\udd12 <strong>Keamanan Kode:<\/strong> Ideal untuk menyisipkan script dalam konten blog tanpa eksekusi langsung.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\ud83d\udca1 Manfaat Tools HTML JS Parse Unparse<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\ud83d\udee1\ufe0f Menghindari kesalahan saat menyisipkan HTML\/JS di CMS seperti Blogger, WordPress, dll.<\/li>\n\n\n\n<li>\ud83d\udd0e Menampilkan contoh kode di artikel tanpa perlu plugin tambahan.<\/li>\n\n\n\n<li>\ud83d\udcac Digunakan oleh developer, content writer, dan pembuat tutorial.<\/li>\n\n\n\n<li>\ud83e\uddea Cocok untuk debugging atau validasi input\/output karakter HTML khusus.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\ud83d\udd1a Penutup<\/h2>\n\n\n\n<p>Tools ini sangat membantu dalam konversi karakter kode HTML dan JavaScript secara cepat, aman, dan fleksibel. Tidak perlu repot encode atau decode manual, cukup tempelkan kode, klik tombol, dan dapatkan hasilnya seketika.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ubah karakter HTML dan JavaScript dengan mudah menggunakan tools Parse &#038; Unparse dari Aksesia. Encode dan decode simbol seperti <, >, &#038; secara instan.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[15,16,18,43],"tags":[129,127,130,131,132,125,128,126],"class_list":["post-61","post","type-post","status-publish","format-standard","hentry","category-kode","category-komputer","category-konversi","category-pengelola-teks","tag-convert-karakter-html-js","tag-encode-decode-html-js","tag-entitas-html","tag-html-encoder-decoder-online","tag-konversi-karakter-html-js","tag-parse-html-javascript","tag-parse-js-online","tag-unparse-html"],"_links":{"self":[{"href":"https:\/\/aksesia.com\/tools\/wp-json\/wp\/v2\/posts\/61","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aksesia.com\/tools\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/aksesia.com\/tools\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/aksesia.com\/tools\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aksesia.com\/tools\/wp-json\/wp\/v2\/comments?post=61"}],"version-history":[{"count":10,"href":"https:\/\/aksesia.com\/tools\/wp-json\/wp\/v2\/posts\/61\/revisions"}],"predecessor-version":[{"id":933,"href":"https:\/\/aksesia.com\/tools\/wp-json\/wp\/v2\/posts\/61\/revisions\/933"}],"wp:attachment":[{"href":"https:\/\/aksesia.com\/tools\/wp-json\/wp\/v2\/media?parent=61"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aksesia.com\/tools\/wp-json\/wp\/v2\/categories?post=61"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/aksesia.com\/tools\/wp-json\/wp\/v2\/tags?post=61"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}