Blocks

The block menu

An Outline document is made up of text with inline formatting and blocks of content. To open the block menu click on the “[+]” icon that appears when an empty line in the document is focused. You can also type a/ character to quickly open the menu, and keep typing to filter.

Opening the menu with slash

Opening the menu with slash

Blocks

Images

Insert photos and images from the block menu, once inserted you can position, resize, and caption images in the document. All common image formats such as jpg, png, and gif are supported. Outline will also detect retina images and display them at the correct size.

Videos

Videos can also be uploaded from the blog menu or simply drag and drop into a document. Once inserted you can resize and change the caption. Note uploaded videos are not re-encoded, so it’s best to use a widely supported codec to ensure that the video will load correctly when viewing from different browsers.

File attachments

Other files such as PDFs, Zips, and other binary files can also be uploaded to document as file attachments which will show a preview of the file name and size. Images can also be uploaded as a file attachment by using this menu item, for example…

kittens.jpg

Code

Outline supports a wide variety of programming languages in code blocks that can be inserted through the block menu, or with the markdown shortcut ``` . For example…

const counter = function() {
    let count = 0;

    return function() {
        return ++count;
    }
}; 

When code is pasted from VSCode the language will be automatically detected, it’s also possible to choose the language manually from the menu that appears when focused in a code block.

Line numbers can be disabled as a personal preference in Settings if you prefer.

Math

Outline includes math typesetting through the KaTeX library. You can insert math through the block menu with the /math command, or with the markdown shortcut $$ . For example…

c = \\pm\\sqrt{a^2 + b^2}

To insert a newline add \newline within the block content, otherwise content is combined onto a single line within the math block. For many more available TeX commands see the KaTeX documentation.

Notices

To draw attention to some specific parts of a document that may be more important you can use notices – these come in four different styles:

This is a success notice

This is an info notice

This is a tip

This is a warning