{"id":88,"date":"2023-08-19T18:19:15","date_gmt":"2023-08-19T10:19:15","guid":{"rendered":"https:\/\/blog.mada.press\/?page_id=88"},"modified":"2023-09-01T00:12:17","modified_gmt":"2023-08-31T16:12:17","slug":"%e7%bd%91%e9%a1%b5%e6%90%ad%e5%bb%bachat%e6%95%99%e7%a8%8b","status":"publish","type":"page","link":"https:\/\/blog.mada.press\/index.php\/%e4%b8%aa%e4%ba%ba%e5%af%bc%e8%88%aa\/%e7%bd%91%e9%a1%b5%e6%90%ad%e5%bb%bachat%e6%95%99%e7%a8%8b\/","title":{"rendered":"Chat"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"88\" class=\"elementor elementor-88\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4591f95 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4591f95\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-25663e1\" data-id=\"25663e1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b895afb elementor-widget elementor-widget-html\" data-id=\"b895afb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<div id=\"text-generation-tool\">\r\n    <input type=\"text\" id=\"topic\" placeholder=\"\u4f60\u7684\u95ee\u9898...\">\r\n    <button id=\"generate-button\">Ask ChatGPT3.5<\/button>\r\n    <div id=\"result-container\" style=\"display: none;\">\r\n        <div class=\"result-wrapper\">\r\n            <div class=\"result-content\">\r\n                <textarea id=\"result\" readonly><\/textarea>\r\n            <\/div>\r\n            <div class=\"copy-button-container\">\r\n                <button id=\"copy-button\">Copy<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <div id=\"loading\" class=\"loader\" style=\"display: none;\"><\/div>\r\n<\/div>\r\n\r\n<style>\r\n    \/* Basic styles for the text generation tool *\/\r\n    #text-generation-tool {\r\n        width: 100%;\r\n        max-width: 600px;\r\n        margin: 0 auto;\r\n        font-family: Arial, sans-serif;\r\n    }\r\n\r\n    #topic {\r\n        width: 100%;\r\n        padding: 15px;\r\n        margin-bottom: 20px;\r\n        font-size: 16px;\r\n        border-radius: 5px;\r\n        border: 1px solid #ddd;\r\n    }\r\n\r\n    #generate-button {\r\n        display: block;\r\n        width: 100%;\r\n        padding: 15px;\r\n        margin-bottom: 20px;\r\n        font-size: 16px;\r\n        border: none;\r\n        border-radius: 5px;\r\n        color: #fff;\r\n        background-color: #3498db;\r\n        cursor: pointer;\r\n        transition: background-color 0.3s ease;\r\n    }\r\n\r\n    #generate-button:hover {\r\n        background-color: #2980b9;\r\n    }\r\n\r\n    #result-container {\r\n        display: none;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .result-wrapper {\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .result-content {\r\n        display: flex;\r\n    }\r\n\r\n    #result {\r\n        flex: 1;\r\n        height: 400px;\r\n        padding: 15px;\r\n        font-size: 16px;\r\n        border-radius: 5px;\r\n        border: 1px solid #ddd;\r\n        background-color: #f9f9f9;\r\n    }\r\n\r\n    .copy-button-container {\r\n        margin-top: 10px;\r\n        text-align: right;\r\n    }\r\n\r\n    #copy-button {\r\n        padding: 8px 12px;\r\n        font-size: 14px;\r\n        border: none;\r\n        border-radius: 5px;\r\n        color: #fff;\r\n        background-color: #3498db;\r\n        cursor: pointer;\r\n        transition: background-color 0.3s ease;\r\n    }\r\n\r\n    #copy-button:hover {\r\n        background-color: #2980b9;\r\n    }\r\n\r\n    \/* CSS for the loader *\/\r\n    .loader {\r\n        display: block;\r\n        margin: 50px auto;\r\n        border: 16px solid #f3f3f3; \/* Light grey *\/\r\n        border-top: 16px solid #3498db; \/* Blue *\/\r\n        border-radius: 50%;\r\n        width: 50px;\r\n        height: 50px;\r\n        animation: spin 1s linear infinite;\r\n    }\r\n\r\n    @keyframes spin {\r\n        0% { transform: rotate(0deg); }\r\n        100% { transform: rotate(360deg); }\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9f5fd9b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9f5fd9b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c767faa\" data-id=\"c767faa\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-14dd1ee elementor-widget elementor-widget-html\" data-id=\"14dd1ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\r\n    document.getElementById(\"generate-button\").addEventListener(\"click\", function(e){\r\n        e.preventDefault();\r\n\r\n\r\n        var generateButton = document.getElementById(\"generate-button\");\r\n\r\n        if (generateButton.disabled) {\r\n            return; \/\/ Prevent multiple clicks while content is being generated\r\n        }\r\n\r\n        generateButton.disabled = true;\r\n\r\n\r\n\r\n        var topic = document.getElementById('topic').value;\r\n        var prompt = \"You are a helpful artificial intelligence, skilled at assisting people in solving various problems. Besides programming and translation, you are able to respond in Chinese\" + topic;\r\n        var loading = document.getElementById('loading');\r\n        var result = document.getElementById('result');\r\n        var resultC = document.getElementById('result-container');\r\n\r\n\r\n\r\n\r\n\r\n\r\n        loading.style.display = 'block';\r\n        result.style.display = 'none'; \/\/ hide result textarea\r\n        resultC.style.display = 'none';\r\n\r\n\r\n        var formData = new FormData();\r\n        formData.append('action', 'openai_generate_text');\r\n        formData.append('prompt', prompt);\r\n\r\n        fetch('\/wp-admin\/admin-ajax.php', {\r\n            method: 'POST',\r\n            body: formData\r\n        })\r\n        .then(response => response.json())\r\n        .then(data => {\r\n            loading.style.display = 'none';\r\n            if(data.success) {\r\n                result.value = data.data.choices[0].message.content; \r\n                result.style.display = 'block'; \/\/ show result textarea\r\n                resultC.style.display = 'block';\r\n                generateButton.disabled = false;\r\n            } else {\r\n                result.value = 'An error occurred: ' + data.data;\r\n                result.style.display = 'block'; \/\/ show result textarea\r\n                resultC.style.display = 'block';\r\n                generateButton.disabled = false;\r\n            }\r\n        })\r\n        .catch(error => {\r\n            loading.style.display = 'none';\r\n            result.value = 'An error occurred: ' + error.message;\r\n            result.style.display = 'block'; \/\/ show result textarea\r\n            resultC.style.display = 'block';\r\n            generateButton.disabled = false;\r\n\r\n        });\r\n    });\r\n\r\n    var copyButton = document.getElementById('copy-button');\r\n    copyButton.addEventListener('click', function() {\r\n        var result = document.getElementById('result');\r\n        result.select();\r\n        document.execCommand('copy');\r\n        alert('Copied to clipboard!');\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-960bdc5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"960bdc5\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f7127b8\" data-id=\"f7127b8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4f1c30d elementor-widget elementor-widget-text-editor\" data-id=\"4f1c30d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\u7f51\u9875\u7f16\u8f91\u6559\u7a0b\u6765\u81ea<a href=\"https:\/\/mp.weixin.qq.com\/s\/uNiuVVdhqZnE1tIqa-6LQA\">5\u5206\u949f\u5feb\u901f\u6253\u9020\u5b9e\u7528\u7684AI\u5de5\u5177\uff0cWordPress\u4e3a\u4f60\u52a9\u529b (qq.com)<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Ask ChatGPT3.5 Copy \u7f51\u9875\u7f16\u8f91\u6559\u7a0b\u6765\u81ea5\u5206\u949f\u5feb\u901f\u6253\u9020\u5b9e\u7528\u7684AI &hellip; <a href=\"https:\/\/blog.mada.press\/index.php\/%e4%b8%aa%e4%ba%ba%e5%af%bc%e8%88%aa\/%e7%bd%91%e9%a1%b5%e6%90%ad%e5%bb%bachat%e6%95%99%e7%a8%8b\/\">\u7ee7\u7eed\u9605\u8bfb <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":65,"menu_order":1,"comment_status":"open","ping_status":"closed","template":"elementor_canvas","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"class_list":["post-88","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/blog.mada.press\/index.php\/wp-json\/wp\/v2\/pages\/88","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.mada.press\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blog.mada.press\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mada.press\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mada.press\/index.php\/wp-json\/wp\/v2\/comments?post=88"}],"version-history":[{"count":15,"href":"https:\/\/blog.mada.press\/index.php\/wp-json\/wp\/v2\/pages\/88\/revisions"}],"predecessor-version":[{"id":105,"href":"https:\/\/blog.mada.press\/index.php\/wp-json\/wp\/v2\/pages\/88\/revisions\/105"}],"up":[{"embeddable":true,"href":"https:\/\/blog.mada.press\/index.php\/wp-json\/wp\/v2\/pages\/65"}],"wp:attachment":[{"href":"https:\/\/blog.mada.press\/index.php\/wp-json\/wp\/v2\/media?parent=88"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}