Currently accessing the VSCode add-on in a HA iframe, but it affects my shortcut keys. Is there a way to access the HA VSCode directly without the iframe, aka without seeing the red box?
Install it on your PC…
The beauty of VSCode is that it can be installed on the server and run anywhere there is a Chrome. So, sorry no, installing on my PC is the last thing I will do.
So what are asking then? Access the add-on from your PC using the IP address and port of the add-on, on your PC
This:
suggests you want to RUN VS Code outside of the HA add-on. Perhaps you should re-word your post / request.
The add-on is for editing your config on your HA server. If it’s not installed there, what will you be doing with it?
If you’re running HAOS, then no, nothing can be installed outside of it on the same hardware.
If you’re running HA Container, run your own VS Code Server: Visual Studio Code Server.
Thanks all, I found the solution by inspecting the HA HTML for the URL to the VSCode iframe
This gets me what I want:
https://ha.example.com/api/hassio_ingress/pS5RxxxxxxxxlJJ7GW-ExxxxB-EtdcxxxxxxxxL0A/
Please let me know if there is an easier way to get the iframe URL and I will mark that as a answer. Thank you.
I think some JS handles that button, there is no URL when I hover over it. Even if there was (like the one we find in the sidebar), it is the URL that opens VSCode in an iframe
Try:
YOUR_IP_ADDRESS/a0d7b954_vscode/ingress
No, I can recognize that as the URL that loads in an iframe. The one that loads without iframe has .../api/... in it
For me I can load that in a new window
You can certainly install vsCode, add the Homeassistant extension and the other extensions in the add-on, set-up the maria database to hold the data, tie it into HAOS HA Container, or whatever and edit your files.
It’s what the add-on container does if you think about it.
It’s just a PIA to do and no one wants to do it, so Frenck did it for us.
This is why the vsCode add-on is so big. There’s a whole Debian engine running in there.
I do moist of my editing in the add-on. but my install is getting mostly pushed to GIT so if I want to edit something out of the HA instance, like all my blueprints, I just pull the data down from there. That’s another way to do this, put GitHub between.
For everyone who doesn’t understand what he wants and still decided to tell him what to do:
He wants to load the webinterface of the addon directly. Not he HA webinterface containing it as iFrame. Because the keyboard shortcuts are catched by the HA webinterface itself I guess.
And he already found the solution.
So everything is fine. 
But that is what I do, I don’t use an iFrame and yet apparently my answer which works for me was no good for him…
You got it. thank you 
I appreciate your attempt at an answer and I’m sorry if it disappoints you it was not selected as the answer, but we don’t get to choose to use an iframe. Phrasing it this way tells me you might not know what an iframe actually is.
We can all be made to look like idiots if the original question was edited (multiple times) after some suggestions were made. Look at the edit history. The iframe wasn’t mentioned originally.
1 Like
I acknowledge that iframe was not mentioned initially, I did not have the words for it then, and was quickly correctly thereafter. But I did have the red box right at the start to indicate what I did not want to see. My apologies and thanks again.
Well, as my screenshot above proves, your initial question was different (as pointed out by Pieter), so I’d appreciate you not trying to make me look stupid when in fact it was your poorly worded initial question, plus subsequent change to the topic. I do know what an iFrame is.
1 Like
Pardon me, but I do not see any screenshot of your VSCode without an iframe