S
Speakly.PRO

Getting Started with the Editor

Learn the editor interface, basic controls, and how to save your work.

Opening the Editor

The editor opens whenever you create or edit a lesson. Go to My Courses, open a course, and click Add Lesson or open an existing lesson. The editor loads automatically.

Editor Interface

The editor is divided into four main areas:

1. Toolbar (Top)

The toolbar is split into two rows:

Formatting Toolbar:

  • Block type selector (Normal, Heading 1-3, Quote)
  • Text styles: Bold, Italic, Underline, Strikethrough
  • Text color and background highlighting (SpecialText)
  • Text alignment (left, center, right, justify)
  • Lists: ordered, unordered, checklist
  • Indentation controls
  • Clear formatting button

Insert Toolbar:

  • Insert menu for special elements (exercises, media, widgets)
  • Quick-insert buttons for images, audio, and video
  • AI tools button
  • Collaboration controls

2. Content Area (Center)

This is your main workspace.

  • Click anywhere to place your cursor and start typing
  • Content is organized as blocks -- each paragraph, heading, image, or widget is a block
  • Hover to the left of any block to reveal the drag handle for reordering
  • Real-time formatting is applied as you type

3. Sidebar (Right)

The sidebar may display:

  • Document outline (table of contents based on headings)
  • Comments and suggestion threads
  • Collaboration panel (active editors)
  • Widget configuration panels

4. Status Bar (Bottom)

The bottom bar shows:

  • Word count and character count
  • Estimated reading time
  • Last saved timestamp
  • Auto-save indicator ("Saving..." or "Saved")

Keyboard Shortcuts

These shortcuts work across all operating systems. On Mac, use Cmd instead of Ctrl.

Text Formatting

ShortcutAction
Ctrl + BBold
Ctrl + IItalic
Ctrl + UUnderline
Ctrl + Shift + SStrikethrough
Ctrl + KInsert link

Editing

ShortcutAction
Ctrl + ZUndo
Ctrl + Y or Ctrl + Shift + ZRedo
Ctrl + SManual save
Ctrl + FFind
Ctrl + HFind and replace
Ctrl + ASelect all

Blocks and Navigation

ShortcutAction
EnterNew paragraph
Shift + EnterSoft line break (within same block)
TabIndent list item
Shift + TabOutdent list item
Ctrl + Shift + VPaste as plain text

Slash Commands

Type / at the beginning of an empty line to open the quick-insert menu. From there you can search for any block type:

  • /h1, /h2, /h3 -- Headings
  • /image -- Insert image
  • /table -- Create table
  • /exercise -- Exercise block
  • /matching -- Matching widget
  • /truefalse -- True/false widget
  • /essay -- Essay writing block
  • /audio -- Audio player
  • /math -- LaTeX equation
  • /youtube -- YouTube embed
  • /collapsible -- Collapsible section
  • /columns -- Multi-column layout

Creating Your First Lesson

Here is a simple workflow for creating a lesson from scratch:

Plan Your Structure

Start by outlining your lesson with headings. Type # (hash + space) to create a Heading 1, or ## for Heading 2. Build a skeleton:

## Vocabulary: Animals
## Grammar: Present Simple
## Practice Exercises
## Summary

Add Content

Fill in each section with explanatory text. Use bold for key terms, italic for examples, and SpecialText highlights for vocabulary words.

Insert Exercises

Place your cursor where you want an exercise and type / to open the slash menu. Choose an exercise type like /matching or /answercombo. Configure the widget using the panel that appears.

Add Media

Upload images, embed YouTube videos, or insert audio files to make the lesson engaging. See the Media page for details.

Review and Save

  • Preview the lesson as a student would see it
  • Check all exercises for correct answers
  • Save with Ctrl + S
  • Publish when ready

Saving and Auto-Save

The editor protects your work with automatic saving.

Auto-save runs every 30 seconds. You will see "Saving..." briefly in the status bar, followed by "Saved" with a timestamp.

Manual save is available anytime with Ctrl/Cmd + S or by clicking the Save button. Always save manually before closing the browser tab.

Publishing makes the lesson visible to students. You can choose:

  • Immediate: available right now
  • Scheduled: set a future date and time
  • Draft: keep editing, not visible to students

Frequently Asked Questions

Can I paste content from Word or Google Docs?

Yes. The editor intelligently handles pasted content from Word, Google Docs, and web pages. It preserves headings, lists, and basic formatting. For best results, use Ctrl + Shift + V to paste as plain text and then apply formatting manually.

Can I copy and paste content blocks?

Yes. You can copy and paste entire content blocks (exercises, images, tables, etc.) using standard keyboard shortcuts (Ctrl/Cmd + C to copy, Ctrl/Cmd + V to paste). You can also right-click a block and use the context menu to copy or paste. This works both within the same lesson and across different lessons.

How do I delete a block?

Click on the block, then select all its content and press Delete. Alternatively, use the drag handle menu on the left side of the block and select "Delete."