Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/urin/vscode-web-visual-editor
Edit HTML files visually.
https://github.com/urin/vscode-web-visual-editor
html visual-editor vscode-extension
Last synced: about 1 month ago
JSON representation
Edit HTML files visually.
- Host: GitHub
- URL: https://github.com/urin/vscode-web-visual-editor
- Owner: urin
- License: mit
- Created: 2024-08-19T11:36:36.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-09-14T13:11:23.000Z (2 months ago)
- Last Synced: 2024-09-29T08:01:26.088Z (about 2 months ago)
- Topics: html, visual-editor, vscode-extension
- Language: JavaScript
- Homepage: https://marketplace.visualstudio.com/items?itemName=Urin.vscode-web-visual-editor
- Size: 450 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# Web Visual Editor
Edit HTML files visually in real-time.
## ✨ Features
- 🖼️ **Visual Editing**: Edit HTML elements visually within the WebView.
- ⏱️ **Real-Time Preview**: See changes reflected instantly as you edit.
- 🧩 **Integrated with Visual Studio Code**: No additional processes and windows and well-integrated with VSCode theme.
### 📋 Functions
- 🖱️ **Element Selection**: Select HTML elements with ease. Visual selections are synchronized with text selections on editor.
- 🔍 **Zoom in and out**: Zoom in and out the page.
- ↕ **Move Elements**: Drag elements to rearrange their position.
- ↹ **Align Elements**: Easy to align elements.
- ✂️ **Copy, Cut and Paste elements**: Copy or cut elements, paste text into selected element.
- 🔒 **Script and Link Management**: Disable scripts and manage links for security.
## 📜 License
[MIT License](LICENSE)
## 💛 Sponsor
[](https://github.com/sponsors/urin)
Empower my motivation brewing and accelerate development by [buying me a coffee](https://github.com/sponsors/urin)!