ChatGPT Code Previewer
A simple extension to render HTML (with CSS and JS), SVG, and Markdown code generated by ChatGPT directly on the page.
What is ChatGPT Code Previewer?
ChatGPT Code Previewer is a Chrome extension developed by yangguang, and its main feature is "A simple extension to render HTML (with CSS and JS), SVG, and Markdown code generated by ChatGPT directly on the page.".
Extension Screenshots
Download ChatGPT Code Previewer Extension CRX File
Download ChatGPT Code Previewer extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.
Extension Usage Instructions
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! Extension Basic Information
| Name |  ChatGPT Code Previewer |
| ID | nneehoocngeghjollhggekdneijekaib |
| Official URL | 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. |
| File Size | 36.33 KB |
| Installation Count | 895 |
| Current Version | 1.3 |
| Last Updated | 2023-08-14 |
| Publish Date | 2023-04-03 |
| Rating | 5.00/5 Total 1 Ratings |
| Developer | yangguang |
| [email protected] | |
| Payment Type | free |
| Extension Website | https://chatgpt-code-previewer.vercel.app/ |
| Supported Languages | 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"
}
]
} | |
