I'm on Windows 11, first of all, so I don't know if it's different on another OS... but I just opened the default project it came with, which is a pretty simple webpage. The screenshot below shows that project, and you can see on the right-hand pane the live preview of the code. In the middle of the live preview, it says to "click here to locate this <span> in the HTML", and sure enough, when I clicked on the span in the right-hand pane, it brought me to the line of code on the left-hand pane.
I haven't tried my own project out yet, so I don't know if it acts differently with your own projects.
Ah, I was trying it on my own project, with the desktop version rather than the web version. The click for locating HTML works on the web version! Can't seem to get it to work in the desktop version :P Still, a good recommendation for people who may want to code in-browser!
![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png){kind=small}
![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
carisma_sensei
no subject
Date: 2025-04-24 02:28 am (UTC)ooh gotta play with that, thanks for the rec! Clickable elements sounds so useful.
edit: just downloaded it and opened it, do you know how exactly do you click on those panels? Can't find how to do it in the docs on the site.
no subject
Date: 2025-04-24 05:45 pm (UTC)I haven't tried my own project out yet, so I don't know if it acts differently with your own projects.
no subject
Date: 2025-04-24 06:28 pm (UTC)Ah, I was trying it on my own project, with the desktop version rather than the web version. The click for locating HTML works on the web version! Can't seem to get it to work in the desktop version :P Still, a good recommendation for people who may want to code in-browser!