Skip to main content

Embedding the Editor

Introducing Editor Embeds, a way to embed CattyMod's feature-packed editor into your apps and sites.

Just put https://studio.cattymod.app/editor in an iframe of any size, but making this fill most of the screen is recommended.

For example, you could do this:

<iframe src="https://studio.cattymod.app/editor" width="100%" height="100%" allowtransparency="true" frameborder="0" scrolling="yes" allowfullscreen="true" style="color-scheme: auto"></iframe>

URL parameters​

All standard URL Parameters are available. You can use these to control usernames and other things.

There is a parameter only for here that exists called ?showprojectpage, which shows the "See Project Page" button as it is hidden by default when embedded.

Limitations​

  • See Project Page (Unless you enable it through ?showprojectpage), New Tab and More Settings are hidden to keep the experience contained when the editor is embedded in another app or site.
  • All links on the Homepage (/) are going to open in a new tab to prevent escaping CattyMod in the iframe.

Extras and Notes​

  • You can also embed most CattyMod pages (e.g. https://cattymod.app) but https://studio.cattymod.app/editor is the most helpful URL.

  • Custom Default Project will work here. You can force Dango to show up by using #0 in the URL.

  • You can load a Scratch Project using # at the end of the URL, and after it put the project ID. You can also see that here.

Official Uses​