diff --git a/README.md b/README.md index d20939f..b2681bb 100644 --- a/README.md +++ b/README.md @@ -1,8 +1,8 @@ -# Web Visual Editor ![Installs](https://img.shields.io/visual-studio-marketplace/i/urin.vscode-web-visual-editor) ![Stars](https://img.shields.io/github/stars/urin/vscode-web-visual-editor?style=flat) +# Web Visual Editor [![Installs](https://img.shields.io/visual-studio-marketplace/i/urin.vscode-web-visual-editor)](https://marketplace.visualstudio.com/items?itemName=Urin.vscode-web-visual-editor) [![Stars](https://img.shields.io/github/stars/urin/vscode-web-visual-editor?style=flat)](https://api.star-history.com/svg?repos=urin/vscode-web-visual-editor&type=Timeline) Edit HTML files visually in real-time. -![Demo](https://raw.githubusercontent.com/urin/vscode-web-visual-editor/main/docs/demo.webp) +Demo ## ✨ Features - 🖼️ **Visual Editing**: Edit HTML elements visually within the WebView. @@ -10,14 +10,13 @@ Edit HTML files visually in real-time. - 🧩 **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. +- 🖱️ **Element Selection**: Select HTML elements with ease. Visual selections are synchronized with text selections on editor. Vice versa. - ✂️ **Copy, Cut and Paste elements**: Copy or cut elements, paste text into selected element. +- 🔍 **Zoom in and out**: Zoom in and out the page. - 🔒 **Script and Link Management**: Disable scripts and manage links for security. +- ↕ **Move Elements**: Drag elements to rearrange their position. -## Alternatives +## 🔀 Alternatives This extension is similar to [microsoft/vscode\-livepreview](https://github.com/microsoft/vscode-livepreview) and it differs in the following points: - The ability to synchronize code selection with visual selection in the preview.