Adding attachments

Noto support many kinds of attachments. Including:

  • Files
  • Images
  • Videos
  • Drawing
  • Code
  • Table
  • Math

How to add attachments?

To add an attachment to your note, press the add attachment button located at the bottom right of the editing toolbar. You can then choose the type of attachment you would like to add from the menu.

Add images, videos, or files

  • From photo library

    Press the Photo Library button in the add attachments menu.

  • From files

    Press the Document button in the add attachments menu.

  • Drag and drop

    You can also drag files into your note to quickly insert attachment, the following types will be inserted as images or videos:

    • .jpg
    • .png
    • .mp4
    • .mov

Add drawings

Press the Drawing button in the add attachments menu. Then a drawing canvas will be inserted to your note. Within the drawing canvas, a set of drawing tools will be available including:

  • Pen
  • Pencil
  • Marker
  • Eraser
  • Lasso

On iOS, you can draw with your fingers.

On iPadOS, you can draw into the drawing canvas using an Apple Pencil. To enable finger drawing, turn on the option at Settings > Editor > Allow Finger Drawing

Add code

Press the Code button in the add attachments menu. Then a code block will be inserted to your note. Code block will display your code in monospace font and apply syntax highlighting to your code once you select a language from the bottom toolbar. Code block uses highlight.js to power the syntax highlighting feature. It supports 185 different languages including:

  • Python
  • C++
  • Java
  • Perl
  • & many more...

Code block by defaults doesn't wrap your code. You can enable code wrapping at Settings > Editor > Code Wrap Lines

Add math

Press the Math button in the add attachments menu. Then a math block will be inserted to your note. Math block allows you to type Latex equations and have it rendered as beautiful math equations. Math block is powered by KaTeX.

Checkout their documentation on list of supported Latex commands