☰

ChatGPT output HTML direct

ChatGPT直接輸出HTML

当前为 2023-03-08 提交的版本，查看 最新版本。

// ==UserScript==
// @name         ChatGPT output HTML direct
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  ChatGPT直接輸出HTML
// @description:en  ChatGPT output HTML direct
// @author       cat-no-war
// @match        https://chat.openai.com/chat/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=openai.com
// @grant        none
// @license      MIT
// ==/UserScript==

(function() {
    'use strict';

    setInterval(function(){
        var codes= document.querySelectorAll("code:not([add_frame])")
        for(let i=0;i<codes.length;i++){
            let code=codes[i];
            //wait completed
            let pre=code.closest("pre");
            if(pre==null){
                 code.setAttribute("add_frame",true);
                continue;
            }
            let codeParentIndex = Array.prototype.indexOf.call(pre.parentElement.children, pre);
            let codeParentLength=pre.parentElement.children.length;
            if(codeParentIndex==codeParentLength-1)continue;
            code.setAttribute("add_frame",true);
            let newFrame=document.createElement("iframe");
            newFrame.style.width="100%";
            newFrame.style.height="512px";
            let lang=code.parentElement.parentElement.children[0].children[0].innerText
            if(lang=="html" || lang=="php"){
                newFrame.src = "data:text/html;charset=utf-8," +  encodeURIComponent(code.innerText);
                code.parentElement.parentElement.parentElement.appendChild(newFrame);
            }
        }
    }, 500);
})();