ChatGPT Code Previewer

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

Was ist ChatGPT Code Previewer?

ChatGPT Code Previewer ist eine Chrome-Erweiterung, die von yangguang entwickelt wurde, und ihr Hauptmerkmal ist "A simple extension to render HTML (with CSS and JS), SVG, and Markdown code generated by ChatGPT directly on the page.".

Erweiterungsscreenshots

screenshot
screenshot
screenshot

ChatGPT Code Previewer-Erweiterungs-CRX-Datei herunterladen

Laden Sie ChatGPT Code Previewer-Erweiterungsdateien im crx-Format herunter, installieren Sie Chrome-Erweiterungen manuell im Browser oder teilen Sie die crx-Dateien mit Freunden, um Chrome-Erweiterungen einfach zu installieren.

Anleitung zur Verwendung der Erweiterung

                        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!                    

Grundlegende Informationen zur Erweiterung

Name ChatGPT Code Previewer ChatGPT Code Previewer
ID nneehoocngeghjollhggekdneijekaib
Offizielle URL https://chromewebstore.google.com/detail/chatgpt-code-previewer/nneehoocngeghjollhggekdneijekaib
Beschreibung A simple extension to render HTML (with CSS and JS), SVG, and Markdown code generated by ChatGPT directly on the page.
Dateigröße 36.33 KB
Installationsanzahl 895
Aktuelle Version 1.3
Letztes Update 2023-08-14
Veröffentlichungsdatum 2023-04-03
Bewertung 5.00/5 Insgesamt 1 Bewertungen
Entwickler yangguang
E-Mail [email protected]
Zahlungsart free
Erweiterungswebsite https://chatgpt-code-previewer.vercel.app/
Unterstützte Sprachen 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"
        }
    ]
}