Rich Content Editor: Needs ability to wrap text around images with border and potential for caption

Idea created by Glenna Malcolm on May 27, 2016
      Idea is currently in Product Radar Learn more about this stage...


      Idea open for vote Wed. June 1, 2016 - Wed. September 7, 2016  Learn more about voting...


    Although the former part of my idea was raised in 2015 (Rich Content Editor: Add default padding/margin for floated images), the latter was not and the discussion was archived. Therefore, I bring it up again now that there are more users in the hopes that it will be voted for to a higher degree.


    Quick Summary: The default of 0 for borders around images makes text wrapping look unprofessional. Additionally, if you want to have a caption or other text that stays with your image, the text can end up in all different places depending on the browser. Although one solution might be putting items in tables, I have been told that is not allowed for accessibility purposes.  Thus, I wrote CANVAS and they were helpful enough to give me some HTML code to allow me to do these things that actually works (shared below), but this is impractical for your average user. Given that FREE blogging sites (including WordPress as example) allow you to do basic photo/text editing (including border space, alignment with text, and captions) to make layout be consistent and professional without resorting to tables, I encourage CANVAS to build this functionality in for faculty.  When you consider the numbers of faculty being encouraged to create online courses, you can  begin to imagine how useful these layout features would be.


    Example from Wordpress FREE blogging site:



    Here is the HTML code from CANVAS, but keep in mind that:

    1. from src=..."File" is particular to an image file for my course so you need your own info there

    2. by keeping the text within the <p and p>, it keeps it with your photo

    3. you can change the float to right if you desire


    <p style="overflow: auto;"><img style="padding: 0 15px; float: left;" src="/courses/1783839/files/77808577/preview" alt="Bryophyte Moss" width="289" height="217" data-api-endpoint="" data-api-returntype="File" /><em>Moss. By Rippey574 (talk) 21:52, 12 April 2008 (UTC) - self-made, CC BY 3.0, <a></a></em></p>




      Comments from Instructure


    September 2016 update form Kate McGee

    Hello Canvas Community,


    Thank you so much for sharing this comment about using the RTE in Canvas. I can certainly understand and see how having a simple way to add padding to an image would make your content look more professional. We will look into how this may work with our upcoming product plans and keep you updated as we have more information.


    Thank you,

    The Canvas Product Team