Making Good with the Brightspace HTML Editor  The new Brightspace HTML editor is now more...

Shubham Kum906
Shubham Kum906 Posts: 2
edited November 2022 in Social Groups

Making Good with the Brightspace HTML Editor 

 

The new Brightspace HTML editor is now more powerful and dynamic. Here’s a few tips that will help you save time while developing courses and make your workflow more efficient. 

 

Create a mockup design and a rough sheet

Before creating a page, it’s always better to have a rough design of the page you are working on. While developing the page, more designs will come to mind and having a rough sheet nearby will ensure no creative ideas go unexplored. 

 

Easy on the Backspace ⬅️

The HTML editor is so responsive that if you backspace or delete content from apage, you might accidentally remove a tag from the code  , resulting in page error. If you’re deleting a piece of content, make sure to leave a character in the container, preferably the first one so the container doesn’t get removed. 

 

Use Keyboard shortcuts

If you do accidentally delete a container and are not sure how to reverse the changes, you can always use the UNDO keyboard shortcut: Ctrl + Z for Windows and Command + Z for Mac. The editor also works with the

  • REDO (Ctrl/Command + Y),
  • COPY (Ctrl/Command + C),
  • CUT (Ctrl/Command + X),
  • PASTE (Ctrl/Command + V),
  • SELECT ALL (Ctrl/Command + A),
  • FIND (Ctrl/Command + F), and
  • BOLD (Ctrl/Command + B)

keyboard shortcuts. 

 

Crop/Edit images before adding

Make sure to crop any decorative images before adding them to your page. Watch out for any large image files as they are heavy on size and can significantly increase page loading time. 

 

W3Schools is a goldmine 

If you ever need any HTML/CSS help or need a live HTML editor with tutorials, w3schools.com is the site to visit. They have good coding courses and a huge library of code snippets that you can work with.