Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>waiVSCodeNew to Visual Studio Code? Get it now.
waiVSCode

waiVSCode

Preview

uitool.org

|
15,066 installs
| (4) | Free
Web WYSIWYG HTML Editor
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

A custom html wysiwyg editor and web component(script based) extension for Visual Studio Code which provides a “Y[wai]” platform for viewing and manipulation files in their html file.

Features

  • Opening WYSIWYG Html Editor as html file
  • Simultaneous editing with the VSCode default code editor
  • Editing with html tag object and Y[wai] components
  • Easy injection "Y[wai]" runtime engine(scripts) to current project

designer

createWaiProject

newWaiHtmlFile

How to Use

Injection "Y[wai]" runtime engine(scripts) to current project for runtime scripts can be used in the html files below.

Right click in “EXPLORER” and select the “Create Wai Project” menu. after selecting the web root folder in the project.

contextMenu

The “New Wai Html File” menu creates an html file with Y[wai] runtime script assigned.

After, Right click a created html file in VSCode “EXPLORER” area or code editor Choose your preferred editor in the context menu. “Open Designer in VSCode” or “Open Designer in Web Browser”

contextMenu

More Information

Please visit our homepage to check related products. Y[wai], waiVSCode, waiEclipse and Pure HTML5 & Script based products

  • Home page : https://uitool.org
  • Manual(en) : waiVSCode_manual(en).pdf
  • Manual(kr) : waiVSCode_manual(kr).pdf
  • If you register as a member, you can experience the Y[wai] web browser version.
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft