Embed Editor

Embed the xcode editor in your website using an iframe.

Basic embed

<iframe
  src="https://code.xamify.in/embed/python"
  width="100%"
  height="500"
  frameborder="0"
></iframe>

Query parameters

Parameter	Description
theme=dark	Load editor in dark theme
hideLanguageSelection=true	Hide language switcher
hideNew=true	Hide language switcher
code=...	Pre-fill editor with URL-encoded code
challengeEvents=true	Enable postMessage events to parent

Capture events

window.addEventListener('message', (event) => {
  if (event.data?.type === 'xcode:runComplete') {
    console.log('Run complete:', event.data);
  }
  if (event.data?.type === 'xcode:codeChange') {
    console.log('Code changed:', event.data.code);
  }
});

Demo

Open /embed-demo.html for a live demo.