Update on the Block Editor

AllisonHowell
Instructure
Instructure
13
4793

Canvas.png

I’m excited to provide an update on the much-anticipated new feature in Canvas: the Block Editor!

What's the Block Editor?

The Block Editor is a powerful new tool available to all Canvas LMS users at no additional cost. This new experience allows instructors, instructional designers, and other content creators to create well-designed, responsive content without relying on HTML, using a simple and familiar block interface. It will help educators deliver high-quality content to learners, resulting in a more consistent and engaging educational experience.

Our product vision for the Block Editor is straightforward: we want to streamline content creation for engaging courses, ensuring a consistent, high-quality learning experience for all.

Alpha Group Feedback

Throughout the development of the Block Editor, we’ve collaborated with institutions from around the globe and across various sectors. They participated in one-on-one interviews, completed surveys, reviewed designs, explored early iterations and prototypes, and provided written and video feedback. This partnership has helped us narrow down to the three most important goals we aim to achieve with the Block Editor:

  • Save educators time by helping them build engaging courses without requiring HTML knowledge.
  • Prevent educators from creating inaccessible content by defaulting to accessibility best practices.
  • Equip administrators with the tools needed to ensure consistent, high-quality content across their institutions.

Our Approach

A common approach when developing new products and features is to focus on the outcomes for actual users, ensuring we stay aligned with our ultimate goal: a great user experience. For the Block Editor, we sought to define UX outcomes before building specific features. We asked:

  • “If we successfully deliver a new content creation experience, how will we improve educators’ lives?”
  • “If we successfully deliver a new content creation experience, how will we improve administrators’ lives?”

The ideas generated from these questions have informed the foundation of the Block Editor and guided us, alongside our Alpha group, in determining the features for our initial release. We’ve established that by delivering a great new content creation experience:  

  • We'll improve educators’ lives by providing quick page templates designed by our in-house Content and Design Services team.
  • We’ll improve instructional designers’ lives by offering the most commonly used interactive block types.
  • We’ll improve administrators’ lives by ensuring content is responsive and more accessible.
  • We’ll improve learners’ lives by helping educators create engaging learning experiences.

While this doesn’t cover every detail, it highlights our focus on three main areas: templating and layouts, common block types (such as tabs and buttons), and easy, responsive design for all screen sizes.

Below are a few screenshots to give you a sneak preview of what’s to come:

A visual of the main landing page for the Block EditorA visual of the main landing page for the Block Editor

When users select the Block Editor to create a new page, they’ll be prompted to create a blank page or choose from a variety of templates created by our Content and Design Services team.

A visual of the button toolbar optionsA visual of the button toolbar options

Context-specific toolbars for different block types make it easy to make changes.

A visual of the preview function that shows desktop, tablet, and mobile viewsA visual of the preview function that shows desktop, tablet, and mobile views

Users will put content into responsive blocks and will be able to preview their content on different screen sizes.

Timeline and Enablement

We know that timing is crucial for your planning. Here is our current timeline:

  • Closed Beta: From now until the end of November, we will be in a closed beta. We are keeping this phase closed as we are actively developing and working with institutions committed to testing changes as they are released.
  • Open Beta: At the end of November (exact date TBD), we will move to open beta, allowing any institution interested to try the Block Editor in their beta instance.
  • Feature Preview Release: We plan to go into production on January 18 as a Feature Preview, meaning we will remain in active development and continue iterating to create a comprehensive Canvas feature set. The Feature Preview will also be optional, allowing institutions to opt in as it meets their needs.

*Please note that if we uncover any significant issues during the beta, the production release date may shift.

What’s Next

I hope you’re as excited as I am about the opportunities presented by the Block Editor, and I cannot wait to see how it transforms your content-building experience in Canvas! In the short term, we’ll continue to iterate based on feedback from our closed beta group. After the release, we’ll focus on addressing less common use cases that are important for moving out of Feature Preview. While it’s too early to prioritize or finalize additional roadmap features, we are considering popular requests, such as institutional templates, custom blocks, institutional branding, and locking templates.

As we approach the launch date, I’ll share more details about how the Block Editor will function and let you see what it looks like for yourself!

13 Comments
venitk
Community Champion
  1. I see there's an option to start from a blank page, which is crucial for us. Will this basically function as the current RCE functions? (In other words, if we use the blank page, does that make the block editor essentially optional?)
  2. Will we still be able to edit the HTML (either from a blank page or in one of the templates)?
  3. Will the RCE be available?
  4. On the same page, will we be able to toggle between block editor, RCE, and HTML?
  5. What does "prevent educators from creating inaccessible content" mean, exactly? How will you prevent that?
  6. The article mentions this is in part an effort to help promote accessible web design practices. Do you have plans to enhance the accessibility checker to align with WCAG 2.1 standards? How is that accessibility checker integrated into this block editor?
  7. Will block editor be compatible with tools like the UDOIT accessibility checker?
emarg0ed
Community Novice

Will any of the blocks/templates be editable by users? For example, things like the colors and images in each?

Jeff_F
Community Coach
Community Coach

This is very interesting! This also has me pondering if these are these to be customizable/ editable via the HTML or via the Theme settings and/or CSS?  Or perhaps an admin will be able to adjust which layouts are visible. I imagine institutions may wish to promote certain colors, for example, due to branding.

If I were using this tool as a designer, I would want to be able to select a certain style (colors/ font/ headings) and then be able to filter so I see pages / block content that match up with that style. I would want this as I am assuming there will be dozens of page layout and color choices. 

I also wonder how will this interact with CIDI DesignPLUS. Is this a tool that can used in conjunction with DesignPLUS or was it built as an alternative? I sense the latter.

Will the highlighted text and link be included for faculty to see? Perhaps that is just for the closed beta or perhaps just for an admin to see.

2024-10-17_10-57-08.png

 

paul_fynn
Community Contributor

Will we be able to set local templates at Account and Sub-Account level ??

turnermz
Community Participant

I agree with @paul_fynn . The ability to control the settings for the Block Editor at an account level will be essential. We may want to limit colour pallet for example or restrict some of the block choices or disable the Block Editor for some sub-accounts. 

I cannot see any Admin level settings at the moment.

 

cms_hickss
Community Coach
Community Coach

Will custom Themes (Account CSS) be applied to the block editor? 

Followup, will there be new settings to the Themes (Account CSS) for the block editor if it doesn't already apply those settings?

And like someone else asked, will a school be able to provide preset "templates" and/or also disallow some of the one provided?

Like - I really like that you've given the option to Preview in Mobile, Tablet, and Desktop. That will be very useful!

mmoore1
Community Contributor

Great News. 

  • Open Beta: At the end of November (exact date TBD), we will move to open beta, allowing any institution interested to try the Block Editor in their beta instance.

Let us know.  We would really like to test this out at Ventura College.  I think Oxnard and Moorpark would too. 

dbrace
Community Coach
Community Coach

My institution has been considering purchasing Cidi Labs DesignPLUS. For a variety of reasons, we have been holding off because we are also aware of this new feature and curious how it compares to DesignPLUS. I hope that Instructure and/or Cidi Labs provides a basic comparison for other insitutions that are in a similar situation.

melissa_kamp
Community Participant
akinsey
Community Contributor

Will schools be able to upload individually created templates to be used by instructors/designers throughout their instance?

daniela_aguado
Community Participant

Hi @AllisonHowell , thank you for the update on this wonderful new feature. When will it be available to test out?

DannyTan
Community Member

Hello will it be possible to apply the block editor template to existing pages once its available in open BETA?.
value being saving academics time not having to recreate pages in a new template from scratch.

Marjolein24
Community Member

I have the same question as  @DannyTan It would be awesome if this could be an easy way to redesign pages in a course and make the course much more user friendly in doing so.