{"id":61,"date":"2026-03-09T10:21:52","date_gmt":"2026-03-09T10:21:52","guid":{"rendered":"https:\/\/luongminhtien.com\/?page_id=61"},"modified":"2026-03-09T10:31:05","modified_gmt":"2026-03-09T10:31:05","slug":"photo-contest","status":"publish","type":"page","link":"https:\/\/luongminhtien.com\/index.php\/photo-contest\/","title":{"rendered":"Photo Contest"},"content":{"rendered":"\n<!-- Toast UI Image Editor -->\n<link rel=\"stylesheet\" href=\"https:\/\/uicdn.toast.com\/tui-image-editor\/latest\/tui-image-editor.css\">\n<script src=\"https:\/\/uicdn.toast.com\/tui-image-editor\/latest\/tui-image-editor.js\"><\/script>\n\n<style>\n#editor {\nheight:600px;\nmargin-bottom:20px;\n}\n\n#uploadImage{\nmargin-bottom:10px;\n}\n\n#exportImage{\nbackground:#1e73be;\ncolor:#fff;\nborder:none;\npadding:10px 20px;\ncursor:pointer;\nmargin-bottom:20px;\n}\n<\/style>\n\n<h3>Upload and Edit Your Photo<\/h3>\n\n<input type=\"file\" id=\"uploadImage\">\n\n<div id=\"editor\"><\/div>\n\n<button id=\"exportImage\">Use this image<\/button>\n\n<script>\n\nlet editor = new tui.ImageEditor('#editor', {\nincludeUI: {\nloadImage: {\npath: '',\nname: ''\n},\nmenu: ['text'],\ninitMenu: 'text'\n},\ncssMaxWidth: 700,\ncssMaxHeight: 500\n});\n\n\n\/\/ upload image into editor\ndocument.getElementById('uploadImage').addEventListener('change', function(e){\n\nconst file = e.target.files[0];\n\nconst reader = new FileReader();\n\nreader.onload = function(event){\n\neditor.loadImageFromURL(event.target.result, \"UserImage\")\n.then(()=>{\n\neditor.clearUndoStack();\n\n\n\/\/ add KidZania logo automatically\neditor.addImageObject('https:\/\/kidzania.com.vn\/wp-content\/uploads\/2025\/08\/Logo-type-KNW-IDE-KIDZ-Brand-State-Emblem-Hanoi-01-2048x725.png',{\nleft:20,\ntop:20\n});\n\n});\n\n};\n\nreader.readAsDataURL(file);\n\n});\n\n\n\/\/ export edited image\ndocument.getElementById('exportImage').onclick = function(){\n\nconst dataURL = editor.toDataURL();\n\nconst arr = dataURL.split(',');\nconst mime = arr[0].match(\/:(.*?);\/)[1];\nconst bstr = atob(arr[1]);\nlet n = bstr.length;\nconst u8arr = new Uint8Array(n);\n\nwhile(n--){\nu8arr[n] = bstr.charCodeAt(n);\n}\n\nconst file = new File([u8arr], \"contest.png\",{type:mime});\n\nconst container = new DataTransfer();\ncontainer.items.add(file);\n\n\n\/\/ send image to TotalContest upload field\nconst input = document.querySelector('input[type=\"file\"][name=\"submission[image]\"]');\n\nif(input){\ninput.files = container.files;\nalert(\"Image ready! Now click Submit.\");\n}else{\nalert(\"Upload field not found\");\n}\n\n}\n\n<\/script>\n\n\n<p>[totalcontest contest=&#8221;59&#8243;]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Upload and Edit Your Photo Use this image<\/p>\n","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":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-61","page","type-page","status-publish","hentry"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"admin","author_link":"https:\/\/luongminhtien.com\/index.php\/author\/admin_bb3yk7gp\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/luongminhtien.com\/index.php\/wp-json\/wp\/v2\/pages\/61","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/luongminhtien.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/luongminhtien.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/luongminhtien.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/luongminhtien.com\/index.php\/wp-json\/wp\/v2\/comments?post=61"}],"version-history":[{"count":7,"href":"https:\/\/luongminhtien.com\/index.php\/wp-json\/wp\/v2\/pages\/61\/revisions"}],"predecessor-version":[{"id":68,"href":"https:\/\/luongminhtien.com\/index.php\/wp-json\/wp\/v2\/pages\/61\/revisions\/68"}],"wp:attachment":[{"href":"https:\/\/luongminhtien.com\/index.php\/wp-json\/wp\/v2\/media?parent=61"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}