Editor Overview
On this page:
Introduction
Simple Team Pages ships with a simple to use editor that allows users to easily create rich pages. In fact, our app uses the same editor that Confluence does, albeit with a few less features.
You can see the editor in action when editing a page.
Editor Sections
The first thing you see at the top is the editor toolbar.
This allows for formatting text in typical ways like changing font sizes, text styles (bold, underline, strikethrough), justifying text, as well as inserting content macros.
Since the toolbar doesn't always fit all available options, some actions are hidden underneath the + plus dropdown at the end.
Page Breadcrumbs
Below the toolbar you will see a breadcrumb for the current page, as well as the title of the page. The breadcrumb tells you which project this page belongs to, and the page key given to this page. The title is a row on its own, and can be edited simply by clicking in that area and then entering the new text.
Below the title, you'll find the main editor area. This is where your page content goes.
Editor Features & Macros
Besides regular text, the editor also has some useful content blocks and macros that provide additional flexibility to structure content in more interesting ways, and make pages more useful.
Columns allow you to split the page visually into multiple side-by-side columns.
Tables are easily managed and edited using the fancy built-in table editor.
Place link to files and embed images in any page.
Mention Jira issues, other pages, and of course mention users which are easy with convenient typeahead.
Track tasks and decisions within pages.
Insert panels, code snippets, and quotes you probably recognized from Jira. They work pretty much the same in our editor.
Dividers allow you to visually separate content by inserting a horizontal rule.
Expanders allow you to hide some content under a 'show more' action.
Status lozenges allow you to add colored status badges wherever needed.
and a few more, which can be seen in the Macro Overview page.
Quick Entry via Slash Commands
The editor supports quick entry of content using slash /. Whenever you type a slash, an autocomplete menu pops up, allowing you to select a content element to inserts.
Using Markdown
Many of user are used to Markdown by now from using things like Github, and other products that feature markdown pre-dominantly. Our editor supports markdown, which means creating an H1 heading for example simply requires typing # and then the heading.
For more details, see the Markdown page.
Keyboard Shortcuts
The editor supports various keyboard shortcuts. These can be seen when typing cmd + / on apple, and ctrl + / on windows.
Example: