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, Section, 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 & Type Text: The text is both typed into the user environment and copied to the user’s clipboard.

Input Field

Inserts various input field types as tokens within the Visual Instructions Editor. Input types include:

• 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. The modal popup provides an intuitive way to add comments, with or without selected text, while preserving existing content.

Include Instructions

Provides a versatile way to incorporate external instructions into your lab content. You can include both external instructions and references to instructions defined in the current Instruction Set.

Import from File(s)

Imports content from a file to your current instruction set. Supported file types include: Microsoft Word (.doc or .docx), Markdown (.md), and RTF (.rtf).

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

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

Activities

Provide interactive lab instructions and environments when used for scoring.

Variables

Personalize and fine-tune your lab like never before.

Text Swap

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

Quickly filters based on available groups.

Search Results

Displays a results message 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

Highlights where in the instructions 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 configure Editor Settings and Lab Options. The available options depend on your Editor mode. For example, Code Editor-specific settings are only visible when you’re in Code mode.

For more information, see the section for Editor Settings.

Instruction Sets

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

Close

Closes the Instructions Editor.

Editor

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

Autosave

By default, this option is toggled On when editing and auto saves your changes. Once toggled Off, you can manually select Save Changes.

Save Changes

By default, this option is toggled Off when editing. If Autosave is toggled to Off, you can manually select Save Changes.

Learner Preview

Displays a preview of the lab instructions next to the code view, which updates in real time as changes are made to the lab instructions.

✅

✅

Sync Learner Preview Location

Syncs the position of the code view and position of the lab instructions preview while scrolling in the lab instructions editor.

✅

✅

Set Visual Editor as Default

Sets the Visual Editor as the default editor.

✅

✅

Spellcheck

Checks spelling as you write instructions, highlighting potential errors and suggesting corrections.

✅

Code Editor Word Wrap

Allows text to wrap to the next line when it reaches the end of line in the editor pane.

✅

Code Editor Zoom

Adjusts the zoom level while viewing the editor.

✅

Track Task Progress

Displays a progress bar 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 reflects their progress.

✅

✅

Require tasks to be completed in order

Requires lab users to complete tasks in the order they appear in the lab instructions.

✅

✅

Auto-Check Previous Tasks

Allows a lab user to select a task in the lab instructions to automatically mark all previous tasks as complete.

✅

✅