At LearnWorlds, we are dedicated to simplifying your editing journey, offering an exceptional User Experience (UX) and User Interface (UI) in the authoring mode. Our goal is to make editing your content effortless and efficient.
With our fluid editing experience, you can enjoy seamless navigation, quick text conversions, and the ability to add new widgets, all at your fingertips, using just your keyboard. Here are the key areas covered by our fluid editing features:
- Widget Navigation: Move among all widgets using keyboard arrows, ensuring a smooth editing flow.
- Keyboard Shortcuts for Efficiency: Use keyboard shortcuts to streamline your editing tasks. Delete, copy, paste, and move elements with ease. You can even save your page or E-Book using keyboard shortcuts, allowing you to work efficiently and effortlessly.
- Intuitive Widget Addition: Experience the convenience of the Add below feature, which allows you to add widgets quickly using an inline modal. Type the forward slash (/), and the modal appears, providing seamless widget integration as you type.
You can use the fluid editor in the:
- Website: When creating and editing your school's pages.
- Ebook builder: While editing your Ebook learning activities.
- Assessment builder: While editing your assessment learning activities.
- Forms editor: While editing your school's forms.
Keyboard Shortcuts
Shortcut for Windows | Shortcuts for Mac | Action |
ctrl+z | command+z | undo |
ctrl+shift+z, ctrl+y | command+shift+z, command+y | redo |
ctrl+c | command+c | copy |
ctrl+v | command+v | paste |
ctrl+d | command+d | duplicate |
ctrl+shift+up | command+shift+up | mode widget up |
ctrl+shift+down | command+shift+down | move widget down |
delete | ctrl+d | delete a character |
ctrl+s | command+s and control+s | save |
ctrl+delete | - | Delete the word to the left of the insertion point |
ctrl+enter | ctrl+enter | The text widget will be split at the caret position. Caret focus is given to the second widget. If the caret is at the end an empty text widget is added below. Text widgets that cannot be split into two, such as a button's internal text, are ignoring this operation. |
backspace (in an empty widget) | backspace | If a text widget is empty it gets removed and places focus on the previous one |
delete (in an empty widget) | - | If a text widget is empty it gets removed and places focus on the next one |
ctrl+shift+delete | command+shift + ctrl+d | Deletes the text widget when focused on the text |
ctrl+a | command + a | Selects all characters in a text widget |
Arrows
You can use the up and down arrows on your keyboard to perform the below actions.
→ Move among different widgets (not all widgets).
→ You can use the tab to navigate among all widgets.
→ Moving up/down with your arrows in adjacent text widgets leaves the caret in the same position, not in the beginning/end/random position of the text.
→ Moving a widget up or down (with the ctrl + shift + up/down) preserves the caret position.
→ Selection should still select a text in a single widget, not adjacent text widgets.
Add Widget (below)
A new way to quickly add widgets below is introduced. While editing a text widget (in Website Builder, Ebooks, Forms, and Assessments), press the / (Forward Slash) key, and a small dialog will appear that allows you to choose one of the below options:
- Change Text Type: change the font of the existing text widget.
- Headings: add a new heading widget below.
- Text: add a new text widget below.
- Buttons: add a new button below.
- Images: add a new image below.
- Labels: add a new label below.
- Screens (Videos, Images): add a screen widget below.
- Spacer: add a spacer widget below.
→ The dropbox can be navigated with the keyboard up or down arrows. This changes the selected widget option and if you press Enter you can add the selected widget.
→ The dropbox also allows for searching. Start typing the widget name you want to add after the / (Forward Slash), and the relevant results will appear according to the search term (keyword) provided.
→ If / (Forward Slash) is used in any of the below options the new widget is added below:
- at the end of a text widget
- in a button
- in any other widget with text
→ If / (Forward Slash) is not used at the end of a text widget, the original text widget is split, and a new widget is added between these two text widgets.
Fluid Typing
→ Pressing delete at the end of a text widget will merge it with the text widget below it (if one is right after it).
→ Pressing backspace at the start of a text widget will merge it with the text widget above it (if one is right after it).
→ If a text widget is empty:
- Pressing delete will remove it, and focus will be placed on the one below it.
- Pressing backspace will remove it, and focus will be placed on the one below it.
→ Arrow keys when a non-text widget is selected (e.g. image) still place the focus on the next or previous text widget.
Add Form/Graded Questions (below)
A new way to quickly add form and graded questions below is introduced. While editing a text widget (in Forms and Assessments), press the / (Forward Slash) key, and a small dropbox will appear that allows you to add a widget below or add Form questions in Forms and Form and Graded Questions in Assessments.
→ The dropbox can be navigated with the keyboard up or down arrows.
→ The dropbox also allows for searching. Start typing the ques name you want to add after the / (Forward Slash), and the relevant results will appear according to the search term (keyword) provided.
Undo/Redo
The undo and redo options are also available for editing actions in the Site Builder, Assessment & Form editor in the authoring toolbar. More specifically, this option is available, as per below, in the:
- Website builder - Edit pages
- Website builder - Edit popup
- Edit topbar
- Edit footer
- Ebook Builder
- Assessment Builder
- Form Editor
The Undo/Redo option is only available while editing a page & assessment. For example, if you change the page title via the Page Properties, you cannot undo this action via the undo / redo option. Also, the Undo/Redo option can be used after saving a Page or Assessment/Form if you do not leave the page you are editing.