ucfopen / Obojobo

Next generation course content for your LMS. Easy for beginners, but powerful enough for researchers.
https://ucfopen.github.io/Obojobo-Docs/
GNU Affero General Public License v3.0
69 stars 34 forks source link

Updates to IFrame properties visual editor dialog #1536

Open zachberry opened 4 years ago

zachberry commented 4 years ago

What we have now in the editor to edit/set iframes was a first step so some of these aren't surprises. That said, the biggest pain for authors adding in iframes is:

  1. Don't know if it's setup correctly / working until you preview
  2. Lots of options, some which aren't clear
  3. In the XML/JSON you can specify the type of content, which sets defaults for how to display the iframe - there's "media" and "webpage". Those don't play super great with the visual editor UI
  4. If you want to embed (for example) vimeo you'd need to get the <iframe embed code, then know enough HTML to pull out the "src" attribute, and then copy the width and height into our UI.

Suggesting a revamp of the dialog to solve these problems:

Editing a brand new iframe:

image

Here we let you paste the iframe embed code from a site, and we'll auto extract all the relevant information - really just "src", "width" and "height". There's also an assumption we'll make here - if you paste in