Textbox element

The Textbox element is a rich text element. It is as simple as a plain text node. More powerfully, you can write a full article with it.

( Here's an example to write an article with the Textbox element )

Insertion

Click icon at the top or the bottom of an element, or inside a Container / Slide.

Click Textbox, You will see 4 presets. Choose one of them.

Edit text content

On desktop, select the element, double-click the element to directly edit the text content.

On mobile, select the element, click Data -> Text content to edit the text content.

Some shortcuts can be used to speed up your creation.

Styling

There are 2 types of styling you can apply to a Textbox element.

• Element styling Set styles that applies to all the text in the element.
• Inline styling Set styles for the text you selected, just like you do in a PowerPoint document. Will be applied on top of Element styling.

Element styling

Normally you can just set Text on the element level. Especially when you only have 1 paragrpah inside the Textbox element.

If you are writing an article, you can override stylings for headings in Heading1, Heading2, Heading3

Click More to see full list of styling options. For example Link allows you to set styles for links inside a Textbox element.

Inline styling

When you double-click and started editing text content. A toolbar of inline styling will be shown at the top (bottom on mobile).

The buttons are as following

• Redo / undo
• Paragraph type -> Normal, Heading1, Heading2, Heading3, Ordered list, Unordered list.
• Bold, italic & underline.
• Inline link
• Text color
• Text background color
• Clear inline styles. ( Useful when you copy sth from an HTML webpage ).

Shortcuts

Hit Shift + Enter to insert a linebreak.

Hit Enter to start a new paragraph / heading.

Hit / to insert any of "Paragraph, Heading1, Heading2, Heading3, Ordered list, Unordered list".

Hit : to insert an emoji.

Select a piece of text,

• Meta + K to insert a inline link
• Meta + B to toggle bold.
• Meta + U to toggle underline.
• Meta + I to toggle italic.

(Meta = Command on Mac OS, Ctrl on Windows).

Presets

• Normal suitable for writing your normal text content . The following will apply
  • A HTML <p/> element will be inserted.
• Main title suitable for writing the webpage title (html <h1/> element). The following will apply
  • Text -> Font size = 2
  • A HTML <h1/> element will be inserted.
• Secondary title suitable for writing a secondary title (html <h2/> element). The following will apply the preset
  • Text -> Font size = 1.5
  • A HTML <h2/> element will be inserted.
• Article choose this if you decide to write a full article. The following will apply
  • Heading1 -> Font size scale = 2
  • Heading2 -> Font size scale = 1.5
  • Heading3 -> Font size scale = 1.17
  • HTML <h1 /> <h2 /> <h3 /> <p /> elements will be inserted.