The editor on UserBit's interview and media module is a versatile note taking software that has a lot of powerful features. In this post we will give an overview of these features - some obvious and some not so obvious:

Most editor features are keyboard accessible. Key combinations are listed at the bottom of each section

Editor Toolbar

Editor toolbar on UserBit

Headers

UserBit editor headers
UserBit editor headers

UserBit editors allow two levels of headers H1 & H2. These can be used to emphasize section titles.

keyboard shortcuts

  • type # followed by space [H1]
  • type ## followed by space [H2]

Font Styles

UserBit editor text styles
UserBit editor text styles

Text style buttons lets you bold, italicize or underline text.

Keyboard shortcuts

  • ⌘ + b [bold]
  • ⌘ + i [italic]
  • ⌘ + u [underline]

Lists

UserBit editor lists
UserBit editor lists

UserBit editors allow two forms of lists:

  • bullet points (unordered)
  • numbered (ordered)

The lists can be nested to arbitrary depth.

Keyboard shortcuts

  • type * followed by space on a new line [bullet list]
  • type 1 followed by . (dot) followed by a space [numbered list]

Horizontal Rule

UserBit editor horizontal rule
UserBit editor horizontal rule

The horizontal rule button allows you to split your content with a divider


Like the one above.

Keyboard shortcuts

  • type --- (3 dashes) on a new line.

Quotes

UserBit editor quotes
UserBit editor quotes

Allows you to emphasize quoted text in the notes:

like so.

Keyboard shortcuts

  • type > followed by a space on a new line

Tag Menu

The feature that makes UserBit editors really powerful is the ability to highlight any part of the note with your research tags.

Ability to tag text content within notes
Ability to tag text content within notes

Keyboard shortcuts

  • select some text then hit ⇥ (tab) to enter the tagger panel.
  • Press ⬆⬇ (arrow keys) to navigate the tag list.
  • Press ⌫ (backspace) to go back to the last screen.
  • Press ⌫ (backspace) or esc key to exit the tagger.
  • Press alt + enter on the search field, to create new tags.

Insert Menu

Placing the cursor on a new line also shows a plus sign on the left. Clicking on the plus sign will reveal the insert menu:

Insert menu on UserBit Editor
Insert menu on UserBit Editor

Images

The insert menu allows for uploading and embedding images directly in the notes.

adding image to UserBit notes

Comments

In the Insert Menu, you can also find another really powerful feature - ability to add comment threads directly to the notes.

Adding comment to the notes on UserBit
Adding comment to the notes on UserBit

More about comments on UserBit here.