ChatGPT Code Previewer

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

Qu'est-ce que ChatGPT Code Previewer ?

ChatGPT Code Previewer est une extension Chrome développée par yangguang, et sa fonction principale est "A simple extension to render HTML (with CSS and JS), SVG, and Markdown code generated by ChatGPT directly on the page.".

Captures d'Écran de l'Extension

screenshot
screenshot
screenshot

Télécharger le fichier CRX de l'extension ChatGPT Code Previewer

Téléchargez les fichiers d'extension ChatGPT Code Previewer au format crx, installez manuellement les extensions Chrome dans le navigateur ou partagez les fichiers crx avec des amis pour installer facilement les extensions Chrome.

Instructions d'Utilisation de l'Extension

                        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!                    

Informations de Base sur l'Extension

Nom ChatGPT Code Previewer ChatGPT Code Previewer
ID nneehoocngeghjollhggekdneijekaib
URL Officiel https://chromewebstore.google.com/detail/chatgpt-code-previewer/nneehoocngeghjollhggekdneijekaib
Description A simple extension to render HTML (with CSS and JS), SVG, and Markdown code generated by ChatGPT directly on the page.
Taille du Fichier 36.33 KB
Nombre d'Installations 895
Version Actuelle 1.3
Dernière Mise à Jour 2023-08-14
Date de Publication 2023-04-03
Évaluation 5.00/5 Total 1 Évaluations
Développeur yangguang
Email [email protected]
Type de Paiement free
Site Web de l'Extension https://chatgpt-code-previewer.vercel.app/
Langues Prises en Charge 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"
        }
    ]
}