ChatGPT Code Previewer

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

Wat is ChatGPT Code Previewer?

ChatGPT Code Previewer is een Chrome-extensie ontwikkeld door yangguang, en de belangrijkste functie is "A simple extension to render HTML (with CSS and JS), SVG, and Markdown code generated by ChatGPT directly on the page.".

Extensie Screenshots

screenshot
screenshot
screenshot

Download het CRX-bestand van de extensie ChatGPT Code Previewer

Download ChatGPT Code Previewer-extensiebestanden in crx-indeling, installeer Chrome-extensies handmatig in de browser of deel de crx-bestanden met vrienden om Chrome-extensies eenvoudig te installeren.

Instructies voor het Gebruik van de Extensie

                        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!                    

Basisinformatie over de Extensie

Naam ChatGPT Code Previewer ChatGPT Code Previewer
ID nneehoocngeghjollhggekdneijekaib
Officiële URL https://chromewebstore.google.com/detail/chatgpt-code-previewer/nneehoocngeghjollhggekdneijekaib
Beschrijving A simple extension to render HTML (with CSS and JS), SVG, and Markdown code generated by ChatGPT directly on the page.
Bestandsgrootte 36.33 KB
Aantal Installaties 895
Huidige Versie 1.3
Laatst Bijgewerkt 2023-08-14
Publicatiedatum 2023-04-03
Beoordeling 5.00/5 Totaal 1 Beoordelingen
Ontwikkelaar yangguang
E-mail [email protected]
Betalingswijze free
Extensiewebsite https://chatgpt-code-previewer.vercel.app/
Ondersteunde Talen 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"
        }
    ]
}