Skip to content
Sidvy Docs Open app

Rich Text Editor

Sidvy uses a sophisticated rich text editor based on Lexical that combines the best of WYSIWYG and markdown editing.

Editor Toolbar

Section titled “Editor Toolbar”

The toolbar appears at the top of the note and provides quick access to formatting options.

Text Formatting

Section titled “Text Formatting”
  • B - Bold
  • I - Italic
  • U - Underline
  • S - Strikethrough
  • </> - Inline code

Structure

Section titled “Structure”
  • H1-H6 - Heading levels (dropdown)
  • Bullet list
  • Numbered list
  • Checkbox list
  • Block quote
  • Code block

Insert

Section titled “Insert”
  • Link
  • Horizontal rule
  • Table

Actions

Section titled “Actions”
  • Export menu (Markdown, HTML, Copy)
  • More options (…)

Keyboard Shortcuts

Section titled “Keyboard Shortcuts”

Text Formatting

Section titled “Text Formatting”
ActionMacWindows/Linux
BoldCmd + BCtrl + B
ItalicCmd + ICtrl + I
UnderlineCmd + UCtrl + U
StrikethroughCmd + Shift + SCtrl + Shift + S
Inline codeCmd + ECtrl + E

Structure

Section titled “Structure”
ActionMacWindows/Linux
Heading 1Cmd + Alt + 1Ctrl + Alt + 1
Heading 2Cmd + Alt + 2Ctrl + Alt + 2
Heading 3Cmd + Alt + 3Ctrl + Alt + 3
Bullet listCmd + Shift + 8Ctrl + Shift + 8
Numbered listCmd + Shift + 7Ctrl + Shift + 7
Checkbox listCmd + Shift + 9Ctrl + Shift + 9
Block quoteCmd + Shift + .Ctrl + Shift + .
Section titled “Navigation”
ActionMacWindows/Linux
Go to startCmd + HomeCtrl + Home
Go to endCmd + EndCtrl + End
Select allCmd + ACtrl + A

Other

Section titled “Other”
ActionMacWindows/Linux
Insert linkCmd + KCtrl + K
UndoCmd + ZCtrl + Z
RedoCmd + Shift + ZCtrl + Y

Working with Images

Section titled “Working with Images”

Adding Images

Section titled “Adding Images”
  1. Drag and drop - Drag an image file onto the editor
  2. Paste - Copy an image and paste with Cmd/Ctrl + V
  3. Markdown - Type ![alt](url) for external images

Image Display

Section titled “Image Display”

Images display inline with your text. Click an image to:

  • View full size
  • Copy the image URL
  • Delete the image

Working with Tables

Section titled “Working with Tables”

Creating Tables

Section titled “Creating Tables”
  1. Click the table icon in the toolbar
  2. Select the initial size (rows x columns)

Code Blocks

Section titled “Code Blocks”

Creating Code Blocks

Section titled “Creating Code Blocks”

Type triple backticks and optionally a language:

```javascript
// Your code here
```

Exiting Code Blocks

Section titled “Exiting Code Blocks”

Press Enter twice at the end of a code block to exit and continue with normal text.

Section titled “Links”
Section titled “Creating Links”
  1. Select text
  2. Press Cmd/Ctrl + K
  3. Enter the URL
  4. Press Enter

Or use markdown syntax: [text](url)

Auto-linking

Section titled “Auto-linking”

URLs typed or pasted are automatically converted to clickable links.