Uploaded image for project: 'Moodle Community Sites'
  1. Moodle Community Sites
  2. MDLSITE-7951

Allow to embed diagrams from canva.com into docs.moodle.org

XMLWordPrintable

      We use images with diagrams to illustrate some workflows in moodledocs. Instead we would like to embed canva.com slides.

      Advantages over the images:

      • they can be easily edited by multiple people online
      • they can be translated in place by google translate extension
      • I assume they are also more accessible (if they can be translated, they can be read out by screenreaders...)

      Here is an example of the slide
      https://www.canva.com/design/DAGeypiuuSc/FlpVBq4eALX1jc46PwJyDw/view?embed

      And the embed code that canva generated for me:

      <div style="position: relative; width: 100%; height: 0; padding-top: 56.2500%;
       padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
       border-radius: 8px; will-change: transform;">
        <iframe loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;"
          src="https://www.canva.com/design/DAGeypiuuSc/FlpVBq4eALX1jc46PwJyDw/view?embed" allowfullscreen="allowfullscreen" allow="fullscreen">
        </iframe>
      </div>
      <a href="https:&#x2F;&#x2F;www.canva.com&#x2F;design&#x2F;DAGeypiuuSc&#x2F;FlpVBq4eALX1jc46PwJyDw&#x2F;view?utm_content=DAGeypiuuSc&amp;utm_campaign=designshare&amp;utm_medium=embeds&amp;utm_source=link" target="_blank" rel="noopener">Design</a> by Marina Glancy
      

      I know that there is a template to embed a video
      https://docs.moodle.org/405/en/Template:MediaPlayer

      I also found that there is an extension for mediawiki that allows iframes from the allowed list of domains: https://www.mediawiki.org/wiki/Extension:IframePage

      Is it possible to somehow allow embeds from canva.com?

      Thanks in advance

            Unassigned Unassigned
            marina Marina Glancy
            Votes:
            0 Vote for this issue
            Watchers:
            4 Start watching this issue

              Created:
              Updated:

                Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.