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é es ChatGPT Code Previewer?

ChatGPT Code Previewer es una extensión de Chrome desarrollada por yangguang, y su función principal es "A simple extension to render HTML (with CSS and JS), SVG, and Markdown code generated by ChatGPT directly on the page.".

Capturas de Pantalla de la Extensión

screenshot
screenshot
screenshot

Descargar Archivo CRX de la Extensión ChatGPT Code Previewer

Descarga archivos de extensión ChatGPT Code Previewer en formato crx, instala manualmente las extensiones de Chrome en el navegador o comparte los archivos crx con amigos para instalar fácilmente las extensiones de Chrome.

Instrucciones de Uso de la Extensión

                        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!                    

Información Básica de la Extensión

Nombre ChatGPT Code Previewer ChatGPT Code Previewer
ID nneehoocngeghjollhggekdneijekaib
URL Oficial https://chromewebstore.google.com/detail/chatgpt-code-previewer/nneehoocngeghjollhggekdneijekaib
Descripción A simple extension to render HTML (with CSS and JS), SVG, and Markdown code generated by ChatGPT directly on the page.
Tamaño del Archivo 36.33 KB
Cantidad de Instalaciones 895
Versión Actual 1.3
Última Actualización 2023-08-14
Fecha de Publicación 2023-04-03
Calificación 5.00/5 Total de 1 Calificaciones
Desarrollador yangguang
Correo electrónico [email protected]
Tipo de Pago free
Sitio Web de la Extensión https://chatgpt-code-previewer.vercel.app/
Idiomas Soportados 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"
        }
    ]
}