ChatGPT Code Previewer

A simple extension to render HTML (with CSS and JS), SVG, and Markdown code generated by ChatGPT directly on the page.

什么是ChatGPT Code Previewer?

ChatGPT Code Previewer是由yangguang开发的Chrome扩展程序,该扩展的主要功能是“A simple extension to render HTML (with CSS and JS), SVG, and Markdown code generated by ChatGPT directly on the page.”。

扩展截图

screenshot
screenshot
screenshot

下载ChatGPT Code Previewer扩展crx文件

下载ChatGPT Code Previewer扩展crx格式的文件,手动将Chrome插件安装到浏览器中,也可以将crx文件分享给朋友,轻松安装Chrome插件。

扩展使用说明

                        A simple extension to render HTML or SVG code generated by ChatGPT directly on the page.

When you ask ChatGPT coding questions, it outputs the raw code for you. Then you need to copy paste the code locally, or to CodePen etc. to view it.

No more manual copy-pasting! With this extension, the rendered code will directly show on the chat thread, with a toggle switching between code & preview. Works on HTML and SVG code blocks.

And if you want to edit the code, this extension also provides ONE-CLICK to open the code in CodePen!                    

扩展基本信息

名称 ChatGPT Code Previewer ChatGPT Code Previewer
ID nneehoocngeghjollhggekdneijekaib
官方URL https://chromewebstore.google.com/detail/chatgpt-code-previewer/nneehoocngeghjollhggekdneijekaib
简介 A simple extension to render HTML (with CSS and JS), SVG, and Markdown code generated by ChatGPT directly on the page.
文件大小 36.33 KB
安装次数 895
当前版本 1.3
更新时间 2023-08-14
上架时间 2023-04-03
评分 5.00/5 共1次评分
开发者 yangguang
电子邮箱 [email protected]
付费类型 free
扩展官网 https://chatgpt-code-previewer.vercel.app/
支持的语言 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "name": "ChatGPT Code Previewer",
    "description": "A simple extension to render HTML (with CSS and JS), SVG, and Markdown code generated by ChatGPT directly on the page.",
    "author": "[email protected]",
    "version": "1.3",
    "icons": {
        "16": "icon16.png",
        "48": "icon48.png",
        "128": "icon128.png"
    },
    "action": {
        "default_popup": "popup.html"
    },
    "content_scripts": [
        {
            "matches": [
                "https:\/\/chat.openai.com\/*"
            ],
            "js": [
                "marked.js",
                "script-shared.js",
                "script-openai.js"
            ],
            "css": [
                "styles.css"
            ],
            "runAi": "document_idle"
        }
    ]
}