ChatGPT Code Previewer
A simple extension to render HTML (with CSS and JS), SVG, and Markdown code generated by ChatGPT directly on the page.
什麼是ChatGPT Code Previewer？
ChatGPT Code Previewer是由yangguang開發的Chrome擴展程式，該擴展的主要功能是“A simple extension to render HTML (with CSS and JS), SVG, and Markdown code generated by ChatGPT directly on the page.”。
擴展截圖
下載ChatGPT Code Previewer擴展crx文件
下載ChatGPT Code Previewer擴展crx格式的文件，手動將Chrome擴充功能安裝到瀏覽器中，也可以將crx文件分享給朋友，輕鬆安裝Chrome擴充功能。
擴展使用說明
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! 擴展基本資訊
| 名稱 |  ChatGPT Code Previewer |
| ID | nneehoocngeghjollhggekdneijekaib |
| 官方網址 | https://chromewebstore.google.com/detail/chatgpt-code-previewer/nneehoocngeghjollhggekdneijekaib |
| 簡介 | A simple extension to render HTML (with CSS and JS), SVG, and Markdown code generated by ChatGPT directly on the page. |
| 檔案大小 | 36.33 KB |
| 安裝次數 | 895 |
| 目前版本 | 1.3 |
| 更新時間 | 2023-08-14 |
| 上架時間 | 2023-04-03 |
| 評分 | 5.00/5 共 1 次評分 |
| 開發者 | yangguang |
| 電子郵箱 | [email protected] |
| 付費類型 | free |
| 擴展官網 | https://chatgpt-code-previewer.vercel.app/ |
| 支援的語言 | 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"
}
]
} | |
