←back to thread

Show HN: A VSCode Extension to edit HTML visually in real-time

(github.com)
231 points urin | 1 comments | 14 Oct 24 01:06 UTC | HN request time: 0.195s | source
Show context
8mobile ◴[14 Oct 24 05:04 UTC] No.41834360[source]▶
Thanks for sharing but I don't find big differences with the currently existing "live preview" and other plug-ins. Can you explain what are the features of your Web Visual Editor? Thanks
replies(1): >>41834449 #
urin ◴[14 Oct 24 05:25 UTC] No.41834449[source]▶
A notable feature is the ability to synchronize code selection with visual selection in the preview. Since this extension has minimal functionality, the codebase is very small, making future expansions easy. It is designed to reflect changes made in the preview back to the code, so enhancing the editing capabilities within the preview may be beneficial in the future.
replies(1): >>41834951 #
smusamashah ◴[14 Oct 24 07:02 UTC] No.41834951[source]▶
This is useful. I am occasionally day dreaming about moving my static site from Hugo to pure html which I write/edit myself.

Do these features depend on complexity of the html or that doesn't matter? Does Javascript work in live preview?

replies(2): >>41835083 #>>41835615 #
1. urin ◴[14 Oct 24 07:25 UTC] No.41835083[source]▶
It doesn't matter if it's complex. I believe this tool can be applied if it consists of a single HTML file and the resources linked to it. If you're using Web Components, there may be some issues. JavaScript is currently disabled because it's difficult to determine its impact, but enabling it is technically very simple. If there is enough demand in the future, I will add an option to control the functionality of JavaScript.