←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.309s | 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 #
netdevnet ◴[14 Oct 24 08:58 UTC] No.41835615[source]▶
Why do you fantasise about writing pure html manually for an entire website? Haven't you done it before?
replies(1): >>41850593 #
1. smusamashah ◴[15 Oct 24 16:59 UTC] No.41850593[source]▶
Because I don't understand the template language used by Hugo. The syntax is weird, using features is complicated. Everytime i thinking of changing something in my site, it feels like PTSD thinking about touching that code.

If it was just html, I could modify it easily. But doing big structural changes in many html files is as painful. Visual tools, like this one should help with that.