2

In Adobe Dreamweaver, there is a code, design and live view when designing (html) websites. The design view renders the html but keeps it linked with the code. So you can click on an element you want to edit, and it automatically jumps to the according place in the code.

Research

  1. Searching for it, all I found was an extension from avocode.com, however, when I open it in Visual Studio Code, it says, that is has been shut down on 1st of January 2023.
  2. There is at least the Live Preview extension from Microsoft, but you can't jump to the according code when clicking on the rendered preview.

I am looking for an Visual Studio Code extension or another free software which also supports code highlighting and auto completion for Windows.

Improve this question

1 Answer 1

Reset to default
1

Five Server sounds like what you're looking for:

Five Server

It can highlight the code you are working on in your browser, it updates your files instantly while typing on your keyboard, and it navigates your browser automatically to the current editing file.

Improve this answer
3
  • 1
    Yes (and no). Even though this is very nice indeed. I'm actually looking for something that also works the other way: I click in the rendered html (since I can spot the paragraph the fastest there) and I can either edit it directly in the rendered version or the position in the code is marked.
    – Simon Ferndriger
    Commented Mar 18, 2023 at 18:22
  • 1
    2-way highlighting isn't possible yet with Five Server, but there's a discussion item for it: github.com/yandeu/five-server/discussions/71. I'd recommend upvoting and adding your thoughts there.
    – Candide x Media
    Commented Mar 19, 2023 at 23:20
  • Done 😉 Thanks for the hint
    – Simon Ferndriger
    Commented Mar 21, 2023 at 13:54

Not the answer you're looking for? Browse other questions tagged or ask your own question.