HTML Text Editor<\/title>\n <style>\n #editableField {\n width: 100%;\n height: 300px;\n border: 1px solid #ccc;\n padding: 10px;\n overflow-y: auto;\n }\n <\/style>\n<\/head>\n<body>\n <h1>HTML Text Editor<\/h1>\n <p>\u041d\u0430\u0436\u043c\u0438\u0442\u0435 \u043a\u043d\u043e\u043f\u043a\u0443, \u0447\u0442\u043e\u0431\u044b \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0442\u0435\u043a\u0441\u0442 \u0438\u0437 \u0431\u0443\u0444\u0435\u0440\u0430 \u043e\u0431\u043c\u0435\u043d\u0430:<\/p>\n <button onclick=\"pasteHtmlContent()\">\u0412\u0441\u0442\u0430\u0432\u0438\u0442\u044c HTML<\/button>\n <div id=\"editableField\" contenteditable=\"true\">\n \n <\/div>\n\n <script>\n async function pasteHtmlContent() {\n try {\n \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c, \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u043b\u0438 clipboard API\n if (!navigator.clipboard || !navigator.clipboard.read) {\n alert(\"\u0412\u0430\u0448 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043d\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u0432\u0441\u0442\u0430\u0432\u043a\u0443 HTML \u0438\u0437 \u0431\u0443\u0444\u0435\u0440\u0430 \u043e\u0431\u043c\u0435\u043d\u0430.\");\n return;\n }\n\n \/\/ \u0427\u0438\u0442\u0430\u0435\u043c \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u0431\u0443\u0444\u0435\u0440\u0430 \u043e\u0431\u043c\u0435\u043d\u0430\n const clipboardItems = await navigator.clipboard.read();\n for (const item of clipboardItems) {\n \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c, \u0435\u0441\u0442\u044c \u043b\u0438 MIME-\u0442\u0438\u043f text\/html\n if (item.types.includes(\"text\/html\")) {\n\t\t\t\t\t\tconsole.log(\"\u042d\u0442\u043e\u0442 \u0442\u0435\u043a\u0441\u0442 - html \"); \t\t\t\t\t\t\n\t\t\t\t\t\tconst blob = await item.getType(\"text\/html\"); \/\/ \u041f\u043e\u043b\u0443\u0447\u0430\u0435\u043c Blob \u0434\u043b\u044f MIME-\u0442\u0438\u043f\u0430 text\/html\n\t\t\t\t\t\tconst htmlContent = await blob.text(); \/\/ \u0427\u0438\u0442\u0430\u0435\u043c \u0442\u0435\u043a\u0441\u0442 \u0438\u0437 Blob\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\tconst domParser = new DOMParser();\n\t\t\t\t\t\t\/\/const htmlContent = await blob.text();\n\t\t\t\t\t\tconst el = domParser.parseFromString(htmlContent, \"text\/html\");\n\t\t\t\t\t\t\/\/document.getElementById(\"editableField\").innerHTML = el.body.innerHTML;\n\t\t\t\t\t\tdocument.getElementById(\"editableField\").textContent = htmlContent;\n return;\n }\n }\n\n \/\/ \u0415\u0441\u043b\u0438 HTML \u043d\u0435 \u043d\u0430\u0439\u0434\u0435\u043d, \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u043c \u043f\u0440\u0435\u0434\u0443\u043f\u0440\u0435\u0436\u0434\u0435\u043d\u0438\u0435\n alert(\"\u0411\u0443\u0444\u0435\u0440 \u043e\u0431\u043c\u0435\u043d\u0430 \u043d\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 HTML.\");\n } catch (error) {\n console.error(\"\u041e\u0448\u0438\u0431\u043a\u0430 \u043f\u0440\u0438 \u0432\u0441\u0442\u0430\u0432\u043a\u0435 HTML \u0438\u0437 \u0431\u0443\u0444\u0435\u0440\u0430: \", error);\n alert(\"\u041d\u0435 \u0443\u0434\u0430\u043b\u043e\u0441\u044c \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435 \u0438\u0437 \u0431\u0443\u0444\u0435\u0440\u0430 \u043e\u0431\u043c\u0435\u043d\u0430.\");\n }\n }\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>HTML Text Editor HTML Text Editor \u041d\u0430\u0436\u043c\u0438\u0442\u0435 \u043a\u043d\u043e\u043f\u043a\u0443, \u0447\u0442\u043e\u0431\u044b \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0442\u0435\u043a\u0441\u0442 \u0438\u0437 \u0431\u0443\u0444\u0435\u0440\u0430 \u043e\u0431\u043c\u0435\u043d\u0430: \u0412\u0441\u0442\u0430\u0432\u0438\u0442\u044c HTML<\/p>\n","protected":false},"author":1,"featured_media":6867,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"categories":[6],"tags":[],"class_list":["post-6783","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-js"],"_links":{"self":[{"href":"https:\/\/1.cbm.ua\/index.php?rest_route=\/wp\/v2\/posts\/6783","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/1.cbm.ua\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/1.cbm.ua\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/1.cbm.ua\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/1.cbm.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6783"}],"version-history":[{"count":3,"href":"https:\/\/1.cbm.ua\/index.php?rest_route=\/wp\/v2\/posts\/6783\/revisions"}],"predecessor-version":[{"id":6868,"href":"https:\/\/1.cbm.ua\/index.php?rest_route=\/wp\/v2\/posts\/6783\/revisions\/6868"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/1.cbm.ua\/index.php?rest_route=\/wp\/v2\/media\/6867"}],"wp:attachment":[{"href":"https:\/\/1.cbm.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6783"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/1.cbm.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=6783"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/1.cbm.ua\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=6783"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":6783,"date":"2024-11-19T19:59:12","date_gmt":"2024-11-19T16:59:12","guid":{"rendered":"https:\/\/1.cbm.ua\/?p=6783"},"modified":"2024-12-26T18:16:42","modified_gmt":"2024-12-26T15:16:42","slug":"test_fur_jens-html-%d0%bd%d0%be-%d0%bd%d0%b5-%d1%80%d0%b0%d0%b1%d0%be%d1%82%d0%b0%d0%b5%d1%82","status":"publish","type":"post","link":"https:\/\/1.cbm.ua\/?p=6783","title":{"rendered":"Test_f\u00fcr_Jens- HTML — (26.12.2024 \u0437\u0430\u0440\u0430\u0431\u043e\u0442\u0430\u043b\u043e, \u043d\u043e \u043e\u0431\u0440\u0435\u0437\u0430\u0435\u0442 \u0447\u0430\u0441\u0442\u044c HTML \u043a\u043e\u0434\u0430.)"},"content":{"rendered":"\n\n\n\n \n \n HTML Text Editor<\/title>\n <style>\n #editableField {\n width: 100%;\n height: 300px;\n border: 1px solid #ccc;\n padding: 10px;\n overflow-y: auto;\n }\n <\/style>\n<\/head>\n<body>\n <h1>HTML Text Editor<\/h1>\n <p>\u041d\u0430\u0436\u043c\u0438\u0442\u0435 \u043a\u043d\u043e\u043f\u043a\u0443, \u0447\u0442\u043e\u0431\u044b \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0442\u0435\u043a\u0441\u0442 \u0438\u0437 \u0431\u0443\u0444\u0435\u0440\u0430 \u043e\u0431\u043c\u0435\u043d\u0430:<\/p>\n <button onclick=\"pasteHtmlContent()\">\u0412\u0441\u0442\u0430\u0432\u0438\u0442\u044c HTML<\/button>\n <div id=\"editableField\" contenteditable=\"true\">\n \n <\/div>\n\n <script>\n async function pasteHtmlContent() {\n try {\n \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c, \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u043b\u0438 clipboard API\n if (!navigator.clipboard || !navigator.clipboard.read) {\n alert(\"\u0412\u0430\u0448 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043d\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u0432\u0441\u0442\u0430\u0432\u043a\u0443 HTML \u0438\u0437 \u0431\u0443\u0444\u0435\u0440\u0430 \u043e\u0431\u043c\u0435\u043d\u0430.\");\n return;\n }\n\n \/\/ \u0427\u0438\u0442\u0430\u0435\u043c \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u0431\u0443\u0444\u0435\u0440\u0430 \u043e\u0431\u043c\u0435\u043d\u0430\n const clipboardItems = await navigator.clipboard.read();\n for (const item of clipboardItems) {\n \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c, \u0435\u0441\u0442\u044c \u043b\u0438 MIME-\u0442\u0438\u043f text\/html\n if (item.types.includes(\"text\/html\")) {\n\t\t\t\t\t\tconsole.log(\"\u042d\u0442\u043e\u0442 \u0442\u0435\u043a\u0441\u0442 - html \"); \t\t\t\t\t\t\n\t\t\t\t\t\tconst blob = await item.getType(\"text\/html\"); \/\/ \u041f\u043e\u043b\u0443\u0447\u0430\u0435\u043c Blob \u0434\u043b\u044f MIME-\u0442\u0438\u043f\u0430 text\/html\n\t\t\t\t\t\tconst htmlContent = await blob.text(); \/\/ \u0427\u0438\u0442\u0430\u0435\u043c \u0442\u0435\u043a\u0441\u0442 \u0438\u0437 Blob\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\tconst domParser = new DOMParser();\n\t\t\t\t\t\t\/\/const htmlContent = await blob.text();\n\t\t\t\t\t\tconst el = domParser.parseFromString(htmlContent, \"text\/html\");\n\t\t\t\t\t\t\/\/document.getElementById(\"editableField\").innerHTML = el.body.innerHTML;\n\t\t\t\t\t\tdocument.getElementById(\"editableField\").textContent = htmlContent;\n return;\n }\n }\n\n \/\/ \u0415\u0441\u043b\u0438 HTML \u043d\u0435 \u043d\u0430\u0439\u0434\u0435\u043d, \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u043c \u043f\u0440\u0435\u0434\u0443\u043f\u0440\u0435\u0436\u0434\u0435\u043d\u0438\u0435\n alert(\"\u0411\u0443\u0444\u0435\u0440 \u043e\u0431\u043c\u0435\u043d\u0430 \u043d\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 HTML.\");\n } catch (error) {\n console.error(\"\u041e\u0448\u0438\u0431\u043a\u0430 \u043f\u0440\u0438 \u0432\u0441\u0442\u0430\u0432\u043a\u0435 HTML \u0438\u0437 \u0431\u0443\u0444\u0435\u0440\u0430: \", error);\n alert(\"\u041d\u0435 \u0443\u0434\u0430\u043b\u043e\u0441\u044c \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435 \u0438\u0437 \u0431\u0443\u0444\u0435\u0440\u0430 \u043e\u0431\u043c\u0435\u043d\u0430.\");\n }\n }\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>HTML Text Editor HTML Text Editor \u041d\u0430\u0436\u043c\u0438\u0442\u0435 \u043a\u043d\u043e\u043f\u043a\u0443, \u0447\u0442\u043e\u0431\u044b \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0442\u0435\u043a\u0441\u0442 \u0438\u0437 \u0431\u0443\u0444\u0435\u0440\u0430 \u043e\u0431\u043c\u0435\u043d\u0430: \u0412\u0441\u0442\u0430\u0432\u0438\u0442\u044c HTML<\/p>\n","protected":false},"author":1,"featured_media":6867,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"categories":[6],"tags":[],"class_list":["post-6783","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-js"],"_links":{"self":[{"href":"https:\/\/1.cbm.ua\/index.php?rest_route=\/wp\/v2\/posts\/6783","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/1.cbm.ua\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/1.cbm.ua\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/1.cbm.ua\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/1.cbm.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6783"}],"version-history":[{"count":3,"href":"https:\/\/1.cbm.ua\/index.php?rest_route=\/wp\/v2\/posts\/6783\/revisions"}],"predecessor-version":[{"id":6868,"href":"https:\/\/1.cbm.ua\/index.php?rest_route=\/wp\/v2\/posts\/6783\/revisions\/6868"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/1.cbm.ua\/index.php?rest_route=\/wp\/v2\/media\/6867"}],"wp:attachment":[{"href":"https:\/\/1.cbm.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6783"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/1.cbm.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=6783"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/1.cbm.ua\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=6783"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}