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?

The 'ChatGPT Code Previewer' extension eliminates the need to manually copy and paste code to view it. Designed for use with ChatGPT, this assists users by displaying rendered preview of HTML, SVG, and Markdown code directly on the chat. It also offers a convenient one-click functionality to open and edit the code in CodePen.

Download

Extension stats

This extension was removed from Chrome Web Store on 2024-11-05

By: yangguang

Users: 994

Rating: 2.50 (4)

Version: 1.3 (Last updated: 2023-08-14)

Creation date: 2023-04-03

Risk impact: Low risk impact

Risk likelihood: High risk likelihood

Manifest version: 3

Size: 37.20K

Email: li*****@gmail.com

Other platforms

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Analyze keywords

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!