Join the Webstudio community

Updated 2 months ago

Bigger Custom Embed Code Editor

At a glance

The community member who posted the original content expressed their appreciation for the ability to run scripts on the canvas, but wished for a larger window to view and edit the code. They compared this to the experience in Webflow, where a popup window allows for better code visibility and editing without using an external program.

The comments discussed the presence of a button in the top right corner that allows for expanding the code view, but some community members initially missed or overlooked this button. There was discussion around making the button more visually distinct or moving it to the same row as the "Code" label to make it more easily accessible.

There was no explicitly marked answer in the provided information.

I am loving the fact that scripts can run on the canvas. I think it is great for more technical users, however I wish there was a bigger window for code to be used. For example - in Webflow when we edit an HTML Embed it pulls up a popup window in the center of the screen, it is not too big in size, but it allows to see the code better and make the necessary changes without using an external program.

In Webflow's case, each edit requires a publish which makes it easier to just do everything locally, but Webstudio is better in that aspect, so I think an improvement in seeing the code could be useful.
B
d
O
16 comments
Do you see button in the right top corner?
Attachment
image.png
The button overlaps with the scrollbar when there is a lot of code, so I didn't even see it
Maybe a way to pull this up when double clicking the embed element would be nice? On canvas or in the layers.
what does it look like for you that you didn't see it, send us a screenshot pls
It's still very visible, I think I just subcinsously assumed it was part of the scrollbar so I glanced over it everytime.
I am guessing its windows?
haven't seeen it on windows
could potentially use something more visually distinct as an icon
Or maybe shifting the Icon to the same row as the "Code"

That way you don't have to be hovered over it to pull up the expanded view.
this is used in a lot of places
has to be inside
Add a reply
Sign up and join the conversation on Discord