Using the Editor

Using the Editor

We created our editor with team collaboration in mind. By making it specifically for product development, you’ll find that the editor supports a wide variety of media (like images, Figma designs, and code blocks), rich text formatting and real-time collaborative editing.

The editor is used whenever there is a description or a comment. Use it to share ideas, progress, or spec out the plan for the next initiative. You can’t over-share information, so use Kitemaker to share anything about what you learn and your progress. The better your teammates understand the goal, the background, and progress, the better the chances of a great product outcome.

image

What can you do with the editor?

When creating or editing a work item or a theme or writing a comment, you will have access to the editor.

  • Add blocks using the / key. Scroll down the list to see all the options of blocks you can add, from images to todo lists, to Figma designs.
image
  • You can use markdown to save time when using the editor (see the ones we support below)
  • Select text, and you will be presented with a text hover where you can format text and create links
image
  • Select text and press cmd/ctrl + k and you will make the selected text a link, or edit the link URL
  • You can add emojis using : then typing the name of the emoji
image
  • When using the editor, mention other team members with @. They will be notified and will be able to respond to your comment or update
  • Mention work items and themes by typing the number e.g. ABC-123. This creates a link to the work item or theme.
💡
By typing the key for a space followed by a - (e.g., ABC-) you will be able to search for the work item or theme. So no need to remember the number when you do mentions.

Markdown shortcuts

Markdown shortcuts makes it super-fast to style your text while you type and without touching your mouse.

image

Here are some of the Markdown shortcuts Kitemaker support:

  • Type # on an empty line creates a headline (type ## and ### for sub headlines)
  • Type ** or __ before and after a section of text to make it bold
  • Type * or _ before and after a section of text to make it italic
  • Type ´ before and after a section of text to make it a code block
  • Type * followed by space on an empty line to make bullet points
  • Type [] or x followed by space on an empty line to make todo-lists
  • Type 1. followed by space on an empty line to make numbered lists
  • Type $$ before and after a Tex expression
  • Type : to search for emojis 👍
  • To make links type [link text](www.example.com)