Enhanced formatting is now available for the description fields of notes, features, Portal cards, and the description field all other fields/column types. Basic markdown is supported as well.
In this article:
- Formatting toolbar
- Keyboard shortcuts for text formatting
- Inline images
- Full-screen text view
- Preserved formatting when you copy & paste
- Markdown
- Formatting in comments
- Restoring previous version history
Formatting toolbar
The formatting tools you see depend on what you're editing. Features, subfeatures, products, components, initiatives, objectives, key results, releases, release groups, companies, users, competitors, findings, opportunities, and tasks use the selection toolbar and slash menu. So do health updates and description custom fields.
Feedback descriptions and Portal cards use the bottom toolbar for formatting.
Selection toolbar
The selection toolbar appears when you select text. It includes the following options:
- Block type.
- Bold.
- Italics.
- Underline.
- Strikethrough.
- Inline code.
- Hyperlink.
Slash menu
Type / in a description field to open the slash menu. Use it to insert the following blocks:
- Headings 1 – 4.
- Bulleted list.
- Numbered list.
- Quote.
- Code block.
- Horizontal rule.
- Image.
More actions menu
Templates and version history are always available from the ••• More actions menu. See Create templates in description fields and Restoring previous version history for details.
Formatting toolbar in feedback and Portal cards
The formatting toolbar appears at the bottom of any description field in a note or Portal card when you click into that field. It includes the following buttons:
- Templates
- Big headlines (h1)
- Smaller headlines (h2)
- Bold
- Italics
- Underline
- Strikethrough
- Inline code
- Numbered list (with support for multiple levels)
- Bullet point list (with support for multiple levels)
- Hyperlink
- Horizontal dividing line
- Code block
- Quoteblock
Note: To change the level of the numbered/bulleted list, use Tab or Shift + Tab
Keyboard shortcuts for text formatting
Use the following commands to apply formatting to text quickly.
- Big headlines h1: (command + option + 1 | control + alt + 1)
- Smaller headlines h2: (command + option + 2 | control + alt + 2)
- Bold: (command + B | control + B)
- Italics: (command + I | control + I)
- Underline: (command + U | control + U)
- Strike-through: (command + option + X | control + alt + X)
- Code block: (command + alt + shift + C | control + alt + shift + C)
- Inline code: (command + shift + C | control + shift + C)
- Hyperlink (command + K | control + K)
- Horizontal dividing line (--- enter)
- Quoteblock: (> space)
Inline images
Description fields support inline images. Just copy and paste images or image URLs directly into description fields! 🌅
Full-screen text view
To edit in full-screen mode, click Expand at the top right corner of the text editor. To return to the sidebar view, click Collapse.
Preserved formatting when you copy & paste
Copying and pasting from the following apps will preserve the formatting in your Productboard description:
- MS Word
- MS Outlook
- MS OneNote
- Google Docs
- Dropbox Paper
- MacOS Mail
- Gmail
- Asana
- Slack
Markdown
Sometimes markdown is still the fastest way to format. Other times, you want to copy/paste text with markdown syntax already applied. Either way, we've got you covered.
Supported markdown:
- Big headlines h1: #
- Smaller headlines h2: ##
- Bold: **boldword** or __boldword__
- Italic: *italicword* or _italicword_
- Strike-through: ~~strickenword~~
- Blockquote: >
- Horizontal line: ---
- Code block: `wrapped-with-back-ticks`
- Inline code: ```wrapped-with-three-back-ticks```
- Bullet point list item: -
- Numbered list item: 1.
- Hyperlinks: [Click here] (http://productboard.com)
See also: Markdown cheatsheet
Unsupported markdown:
- Code blocks
- Inline HTML
- Embedded videos
- Tables
Formatting in comments
While there is not yet a formatting toolbar available for authoring comments, you can use markdown.
One exception is horizontal divider lines (---) which are not supported in comments.
Tip: Use Shift + Enter to linebreak a comment.
Restoring previous version history
Whoops - did you lose some important work? If something goes wrong, restoring a previous version of your feature description is easy.
Note: At this time, version history is only available for feature descriptions.
To access version history:
- Click ••• More actions > Version history.
- Select the version history you wish to restore.
- Click Restore this version.
When you restore a timestamped version, it remains in its original position in your history timeline, while a duplicate version is created and timestamped "Now".
Productboard will not save content from a 3rd party integration, e.g., Jira, as a timestamped change.
Limitations
- Formatting is not yet supported in linked insights, as seen in a feature's details side pane.
- It is not yet possible to include inline images within highlighted insights.