Can I embed the n8n-demo webcomponent in Confluence and GitHub pages?

Below are a few suggestions that might help you explore embedding the n8n-demo webcomponent on platforms like Confluence and GitHub:

Confluence

• HTML Macro
  Confluence Cloud restricts arbitrary HTML/JavaScript, but if you’re on Confluence Server/Data Center and have the necessary admin permissions, you can use the HTML macro to add custom HTML that instantiates the webcomponent.
• Security Settings
  Even with the HTML macro, double-check Confluence’s security settings and sandbox policies. The webcomponent might require additional resources or custom elements that Confluence could block.

GitHub

• GitHub Pages
  If you’re trying to embed the component on GitHub Pages, creating a custom HTML site is often the best route. Ensure that your GitHub Pages site properly includes the webcomponent’s script and any required assets.
• iframes in Markdown
  GitHub-flavored Markdown doesn’t support arbitrary embedded JavaScript or custom elements. However, if you’re using GitHub Pages (which allows full HTML), you can embed your custom code there.

General Suggestions

• Test in a Controlled Environment
  Start by creating a simple HTML page that includes the webcomponent. Once confirmed it works as expected, integrate it into your target platform.
• Review Documentation and Community Feedback
  Although there isn’t official documentation about embedding the n8n-demo webcomponent in Confluence or GitHub pages, consider sharing your experiment on the n8n community forum. Others might have similar use cases or insights.

Currently, there isn’t an official guide on this topic in the n8n docs, so experimenting and consulting the community for shared experiences would be a great approach.

Hopefully, these suggestions help point you in the right direction!