...
For the Headings control, the formatting controls are temporarily replaced with the heading options (H1-H6)
Tooltips display here as well after a user has hovered for 800 ms
...
Responsive Width Behaviour
As the component’s width gets narrower, the formatting controls collapse in to a
•••icon buttonWhen the
•••button is clicked it triggers a popout menu with the additional controls
...
<424px wide: Shows only Bold, Italic, Link. The rest are collapsed to the ‘More’ button. No divider lines.
...
424 - 543px wide: Shows only Bold, Italic, Strikethrough, Headings, Link. The rest are collapsed to the ‘More’ button. NOTE: No divider lines are shown.
...
544 - 600px wide: Shows Bold, Italic, Strikethrough, Headings, Link, Code, Quote, Bulleted List, Numberd List. The rest are collapsed to the ‘More’ button. NOTE: No divider lines are shown.
...
>600px wide: Shows all controls and includes divider lines.
Mobile Web View
Coming soon…
Shortcuts
Mac
Format | Mac | Windows |
|---|---|---|
Bold | ⌘ B | Ctrl B |
Italic | ⌘ I | Ctrl I |
Strikethrough | ⌘ Shift S | Ctrl Shift S |
Heading 1 | ⌘ Option 1 | Ctrl Alt 1 |
Heading 2 | ⌘ Option 2 | Ctrl Alt 2 |
Heading 3 | ⌘ Option 3 | Ctrl Alt 3 |
Heading 4 | ⌘ Option 4 | Ctrl Alt 4 |
Heading 5 | ⌘ Option 5 | Ctrl Alt 5 |
Heading 6 | ⌘ Option 6 | Ctrl Alt 6 |
Link | ⌘ Option K | Ctrl Alt K |
...