Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

One example of needing to use Iframes is for Google Calendar previews! Check out Calendars

Embedding Draw.io Diagrams

Embedding draw.io diagrams natively is an add-on feature for confluence we do not have. However, there is a way around that using iframes. This will still update as you edit the draw.io, just dont change the folder location and it should work OK.

How to add a draw.io diagram:

  1. Go to the draw.io on google drive and click share, make it “Anyone with the link can view”

  2. Open the draw.io diagram in draw.io

  3. Go to File → Publish, and click create and copy the link

  4. Go to File → Embed, IFrame, and take note of the “height” parameter. No need to click create here

  5. Go to confluence page and edit it, then use /iframe to add an IFrame. Edit the IFrame

  6. Enter the URL you originally copied from draw.io

  7. Make Width → 100%, Align → Top, frameborder → hide, Scrolling → yes, and check off allow fullscreen

  8. Scroll back up and enter the height you found in step 4. Now look at the page in edit mode and change the height and width as you need to make it easily viewable. This is not going to look too good on mobile but eh better than nothing.

Deep Linking to Slack

Tip

This method works for now

...