English
See more
An interactive HTML and CSS code editor with real-time preview and a sidebar. Easily import, edit, and visualize your code.
Latest Version
Version
1.0
Update
December 18, 2024
Size
50.16KiB
Developer
Category
Users
0 
Rating
0 ★
Manifest Version
3
Web Store Status
Extension ID
Languages Support
Permissions
SidePanel
Tabs
ClipboardRead
Notifications
See more
Tabs
ClipboardRead
Notifications
HTML & CSS Code Viewer Extension
🖥️ HTML & CSS Code Viewer : Create and Preview Instantly! 🖥️
🚀 Step into a seamless coding experience with Live HTML & CSS Editor! Whether you're testing code snippets or building small projects, this extension makes editing and previewing code simple, fast, and interactive.
✨ Key Features:
- Real-Time Preview: Instantly see how your HTML and CSS come together in a live preview window.
- Clipboard Integration: Quickly import your code directly from the clipboard with a single click.
- Toggle Editors: Hide or display the HTML and CSS editors to focus on what matters most.
- Syntax Highlighting: Enjoy clean, readable code with built-in syntax highlighting using Prism.js.
🛠️ Perfect For:
- Developers looking to test ideas on the go.
- Beginners learning HTML & CSS with live feedback.
- Designers tweaking and refining website components.
🌟 Why Choose Live Code Editor?
- Simplified Workflow: Import, edit, and visualize your code effortlessly.
- Lightweight & User-Friendly: An intuitive interface designed for everyone.
- Productivity Boost: Focus on coding, not setup or configuration.
📣 Stay Tuned!
- More features, such as JavaScript support and enhanced previews, are coming soon!
💬 Questions or Suggestions? Reach us at [email protected]
⚡ Supercharge your coding workflow today with HTML & CSS Code Viewer!
Read more
🚀 Step into a seamless coding experience with Live HTML & CSS Editor! Whether you're testing code snippets or building small projects, this extension makes editing and previewing code simple, fast, and interactive.
✨ Key Features:
- Real-Time Preview: Instantly see how your HTML and CSS come together in a live preview window.
- Clipboard Integration: Quickly import your code directly from the clipboard with a single click.
- Toggle Editors: Hide or display the HTML and CSS editors to focus on what matters most.
- Syntax Highlighting: Enjoy clean, readable code with built-in syntax highlighting using Prism.js.
🛠️ Perfect For:
- Developers looking to test ideas on the go.
- Beginners learning HTML & CSS with live feedback.
- Designers tweaking and refining website components.
🌟 Why Choose Live Code Editor?
- Simplified Workflow: Import, edit, and visualize your code effortlessly.
- Lightweight & User-Friendly: An intuitive interface designed for everyone.
- Productivity Boost: Focus on coding, not setup or configuration.
📣 Stay Tuned!
- More features, such as JavaScript support and enhanced previews, are coming soon!
💬 Questions or Suggestions? Reach us at [email protected]
⚡ Supercharge your coding workflow today with HTML & CSS Code Viewer!
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "HTML & CSS Code Viewer", "version": "1.0", "description": "An interactive HTML and CSS code editor with real-time preview and a sidebar. Easily import, edit, and visualize your code.", "background": { "service_worker": "service-worker.js" }, "action": { "default_title": "Click to open panel" }, "icons": { "48": "icons/48x48icon.png", "128": "icons/128x128icon.png", "200": "icons/200x200icon.png" }, "permissions": [ "sidePanel", "tabs", "clipboardRead", "notifications" ], "commands": { "_execute_action": { "suggested_key": { "default": "Ctrl+B", "mac": "Command+B" } } }}
Read more
