{"id":1720,"date":"2023-02-17T07:29:21","date_gmt":"2023-02-17T07:29:21","guid":{"rendered":"https:\/\/www.tools.keywordfinder.us\/?page_id=1720"},"modified":"2023-02-17T07:29:21","modified_gmt":"2023-02-17T07:29:21","slug":"text-url-html-base64","status":"publish","type":"page","link":"https:\/\/tools.billionsideas.com\/pt\/text-url-html-base64\/","title":{"rendered":"Text, URL, HTML Base64"},"content":{"rendered":"<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-base-3-background-color has-background is-layout-flow wp-block-column-is-layout-flow\">\n<section><h1>Text\/URL\/HTML Base64 Encoder<\/h1>\n    <div>\n      <label for=\"input-type\">Input Type:<\/label>\n      <select id=\"input-type\">\n        <option value=\"text\">Text<\/option>\n        <option value=\"html\">HTML<\/option>\n        <option value=\"url\">URL<\/option>\n      <\/select>\n    <\/div><br>\n    <div id=\"input-container\">\n      <label for=\"input\">Input:<\/label><br>\n      <textarea id=\"input\" rows=\"4\" cols=\"50\"><\/textarea>\n    <\/div>\n    <div>\n      <label for=\"action\">Action:<\/label>\n      <select id=\"action\">\n        <option value=\"encode\">Encode<\/option>\n        <option value=\"decode\">Decode<\/option>\n      <\/select>\n    <\/div><br>\n    <div>\n      <button onclick=\"process()\">Process<\/button>\n      <button onclick=\"copy()\">Copy<\/button>\n    <\/div><br>\n    <div>\n      <label for=\"output\">Output:<\/label><br>\n      <textarea id=\"output\" rows=\"4\" cols=\"50\" readonly=\"\"><\/textarea><br><br>\n    <\/div>\n<\/section>\n    <script>\n      function process() {\n        const inputType = document.getElementById(\"input-type\").value;\n        let input = document.getElementById(\"input\").value\n\n        if (!input) {\n          alert(\"Please enter text to encode\/decode\");\n          return;\n        }\n\n        const action = document.getElementById(\"action\").value;\n\n        let output;\n        if (action === \"encode\") {\n          if (inputType === \"html\") {\n            input = new XMLSerializer().serializeToString(input);\n          } else if (inputType === \"url\") {\n            input = new URL(input).href;\n          }\n          output = btoa(input);\n        } else {\n          output = atob(input);\n        }\n\n        document.getElementById(\"output\").value = output;\n      }\n\n      function copy() {\n        const output = document.getElementById(\"output\").value;\n        const textarea = document.createElement(\"textarea\");\n        textarea.value = output;\n        textarea.classList.add(\"highlight\");\n        document.body.appendChild(textarea);\n        textarea.select();\n        document.execCommand(\"copy\");\n        document.body.removeChild(textarea);\n        alert(\"Output has been copied to clipboard\");\n      }\n    <\/script>\n<style>\n       section{\n         margin-top:60px;\n        width: 100%;\n        max-width: 970px;\n        background-color: #fff;\n        border: 1px solid #ddd;\n        padding: 25px;\n      }\n\n<\/style>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Text\/URL\/HTML Base64 Encoder Input Type: TextHTMLURL Input: Action: EncodeDecode Process Copy Output:<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","footnotes":""},"class_list":["post-1720","page","type-page","status-publish"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"Billions Ideas","author_link":"https:\/\/tools.billionsideas.com\/pt\/author\/loginbillionsideas-com\/"},"comment_info":0,"jetpack-related-posts":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/tools.billionsideas.com\/pt\/wp-json\/wp\/v2\/pages\/1720","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tools.billionsideas.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tools.billionsideas.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tools.billionsideas.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tools.billionsideas.com\/pt\/wp-json\/wp\/v2\/comments?post=1720"}],"version-history":[{"count":0,"href":"https:\/\/tools.billionsideas.com\/pt\/wp-json\/wp\/v2\/pages\/1720\/revisions"}],"wp:attachment":[{"href":"https:\/\/tools.billionsideas.com\/pt\/wp-json\/wp\/v2\/media?parent=1720"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}