Visual Instructions Editor

Bold

Adds bold emphasis to selected text. Use this to emphasize important words or phrases.

Ctrl+B

Italic

Adds italic emphasis selected text. This is often used for emphasis or to denote titles of works.

Ctrl+I

Strike

Adds a strikethrough to selected text. This can be useful for showing deletions or changes.

Ctrl+Shift+X

Heading

Changes the selected text to a heading. Headings are used to organize content into sections.

Blocks

Formats the selected text as a block element, such as a blockquote or Skillable special formatting. Special formatting is predefined when you select (Alert, Note, Help, Hint, and Knowledge blocks).

Links

Adds a hyperlink to the selected text. This is useful for linking to external resources or other parts of the document.

Ctrl+K

Code

Formats the selected text as code.

Code Sample: Typically used for multi-line code with syntax highlighting based on the defined language that is being used.

Inline Code Sample: Used to designate a small snippet as a code element with no syntax highlighting.

Code Sample:
Ctrl+Shift+P

Inline Code Sample:
Ctrl+Shift+C

Bulleted List

Formats the selected text with a bullet list style. Each line in a multi-line selection will have a bullet.

Ctrl+U

Numbered List

Formats the selected text with a numbered list style. Each line in a multi-line selection will be numbered starting from 1.

Ctrl+O

Task List

Formats the selected text with an unordered task list style. Each line in a multi-line selection will have a task checkbox. Task lists can be created by first creating an ordered (numbered) list, then highlighting the list and then selecting the Task list button from the ribbon bar.

Decrease Indent

Outdents the selected sub-elements one level within the context of a Bulleted List, Numbered List, or Task List. Multiple clicks allow only one level outdent from its parent.

Shift+Tab

Increase Indent

Indents the selected sub-elements one level within the context of a Bulleted List, Numbered List, or Task List. Multiple clicks allow only one level indent from its parent.

Tab

Insert

Inserts page-level objects like Page Break and Horizontal Rule at the current cursor position.

Horizontal Rule: Ctrl+L

Table

Opens the table menu for inserting tables.

AI

AI Menu: Provides a chat prompt with options to teach, show steps, quiz, or find resources on a topic, using AI.
AI Chat: Offers a chat-style interface based on the provided topic.
AI Generated Content: Introduces four tags (ai-teach, ai-show, ai-quiz, ai-resources) for AI-generated content. These content tags generate specific content types directly, simplifying the creation process.

Type Text

Inserts Type Text tokens at the cursor’s current position, streamlining the content creation process. There are three variations:

Type Text: The text is typed directly into the user environment.
Copyable Text: The text is copied to the user’s clipboard.
Copy and Type Text: The text is both typed into the user environment and copied to the user’s clipboard.

Input Field

Allows inserting various input field types as tokens within the Visual Instructions Editor.

Input Types

Text Box: Inserts a text box token.
Essay Text: Inserts an essay text box token, with a draggable corner to adjust the number of visible lines, the default number of lines to reveal is user definable using the Modal.
Masked Text Box: Inserts a masked text box token for sensitive information.
Dropdown List: Inserts a dropdown list token with predefined options.

Author Comment

Inserts a comment section. Whether text is selected or not, the modal popup provides an intuitive interface for adding comments, preserving existing content.

Include Instructions

Providing a more versatile approach to incorporating external instructions into your lab content. This will allow for external instructions to be included or referenced instructions that are defined in the current instruction set.

Upload Media

Easily insert images, videos, and audio without pasting them into the editor. The dialog box supports drag-and-drop for multiple files and offers options to display files inline or as links, and to overwrite existing files.

Tokens

Tokens are dynamic text placeholders that enhance your lab's interactivity and personalization.

Activities

Activities provide ways for interaction with lab instructions and environments when used for scoring.

Variables

Variables empower you to personalize and fine-tune your lab like never before.

Text Swap

Text Swap empowers you to seamlessly change what users see in your lab without altering the actual content.

Text Search

Allows users to easily start typing and search text within the token name or description and present the corresponding token cards.

Filter

This operates as a quick filter to quickly filter based on available groups.

Search Results

Displays a results message to the user to indicate how many cards are filtered of the total available.

Drag Icon

Allows a user to drag and drop the token card into the editor.

Hovering over Card

Hovering over the token card will highlight in the instructions where the token is inserted.

Editor

Displays the Editor screen.

Activities

Displays the Activities Manager screen.

Help

Allows users to easily navigate to the Help documentation.

Settings

Allows users to set Editor Settings and Lab Options. Editor Mode context is now supported (Code Editor specific settings only visible when in Code Editor). For more information, see the section for Editor Settings.

Instruction Sets

Allows user to easily switch between different Instruction Sets while staying in the Editor. There is also an option to Manage Instruction Sets.

Use Legacy Editor

Sets the Users preference for the Editor of choice. Selecting the button Use Legacy Editor will switch the default editor back to the legacy editor. NOTE: This will stay active until the user changes the Editor.

Close

Closes the Instructions editor.

Editor

Allows users to easily switch between Visual mode and Code editor mode.

Autosave

Default = ON when editing and will auto save the changes. Once toggled to OFF, it will allow the user to select the Save Changes button.

Save Changes

Default = OFF when editing. Once Autosave is toggled to OFF, it will allow the user to select the Save Changes button to save any changes to the instructions.

Word Wrap

When this is enabled, this allows text to wrap to the next line when the text reaches the end of a line.

Preview

When this is enabled, a preview of the lab instructions will be displayed next to the code view and updated in real time as changes are made to the lab instructions.

Sync preview location

When this is enabled, the position of the code view and position of the preview view of the lab instructions will be synced while scrolling in the lab instructions editor.

Autosave

When this is enabled, this allows the lab instructions to be automatically saved while being edited.

Editor zoom

Adjusts the zoom level while viewing the editor.

Track task progress

When this is enabled, a progress bar will be shown at the bottom of the lab instruction window with the total number of tasks the lab user has to complete. When they check a task, the progress bar will reflect their progress.

Require tasks to be completed in order

When this is enabled, this requires lab users to complete tasks in the order that they appear in the lab instructions.

Auto-check previous tasks

When this is enabled, this allows a lab user to select a task in the lab instructions and all previous tasks will be automatically checked as completed.