Avion Knowledge Base
avion.ioSign inSign up
  • đź‘‹Introduction
  • 👉Getting started
    • What is Avion?
    • Define your product backbone
    • Scoping and prioritizing your product
    • Creating your release plan
    • Aligning the team
    • Integrating with backlog tools
  • Docs
    • 👏Core concepts
      • Projects
        • Project team
        • Migrating to projects
      • Organizations
        • Invite a member
        • Remove a member
        • Roles
        • Transfer ownership
        • Configure your path
        • Delete your organization
    • 🚀Story map
      • Story map anatomy
      • Journeys and steps
      • Stories
      • Releases
      • Attachments
      • Tags
      • Personas
      • Labels
      • Dependencies
      • Search and filter
      • Sharing
        • Restricted links
        • Public links
      • Workflow
      • Importing data
        • Import from Excel
          • XLSX import template
        • Import from StoriesOnBoard
      • Exporting data
        • Export to PDF
        • Export to image
        • Export to CSV
        • Export to Excel
      • Rich text editor
        • Keyboard shortcuts
        • Known limitations
      • Keyboard shortcuts
      • Tips
    • 🤝Integrations
      • Backlog tools
        • Set up an integration
          • Authentication
          • Project / board selection
          • Backbone syncing
          • Map story states
          • Additional syncing options
          • Importing data
        • Sync data
          • Pushing
          • Importing
          • Attachments
          • Deleting data
        • Configuration
        • Pause an integration
        • Re-authenticate
        • Remove an integration
        • Maintenance
          • Removing stale webhooks
        • FAQs and troubleshooting
        • Services
          • Jira Cloud
            • Features
            • Set up
            • Permissions required
            • Mapping options
              • Mapping fix versions
            • Epics ~ our thoughts
            • Additional data syncing
              • Mapping custom fields
                • Company-managed projects
                • Team-managed projects
            • Migrating to epic hierarchies
            • Import using JQL
            • FAQs and troubleshooting
              • Required fields
              • Verify webhooks
              • JQL import issues
              • Workflow issues
              • Ghost cards (cards with a dashed border)
              • Limitations
              • Jira Cloud or Jira Server
          • Jira Data Center (Server)
            • Features
            • Set up
              • Creating an application link
            • Permissions required
            • Mapping options
            • Additional data syncing
              • Mapping custom fields
            • Import using JQL
            • FAQs and troubleshooting
              • Required fields
              • Ghost cards (card with a dashed border)
              • Jira Cloud or Jira Server
              • JQL import issues
          • Azure DevOps
            • Features
            • Set up
            • Permissions required
            • Import using WIQL
            • FAQs and troubleshooting
              • Verify webhooks
              • No Azure DevOps accounts were found for your user
              • Problems communicating with Azure DevOps
              • Work items couldn't be imported
              • Show epics in Azure DevOps backlog
              • Import limits
          • Trello
            • Features
            • Set up
            • FAQs and troubleshooting
          • GitHub
            • Features
            • Set up
            • Permissions required
            • FAQs and troubleshooting
              • What types of GitHub Projects are supported?
          • Linear
            • Features
            • Set up
            • Permissions required
            • FAQs and troubleshooting
      • Notifications
        • Slack
          • Set up
          • Configure notification settings
          • Remove Slack
      • Design tools and media
        • Figma
        • Adobe XD
        • Axure
        • Framer X
        • Invision Web & Studio
        • YouTube & Vimeo
      • Embed Avion
        • Confluence
        • Confluence Server
        • Notion
        • Coda
    • đź”’Security
      • Single Sign-On (SSO)
        • Setup & Configure SSO
        • Azure AD
        • Google Workspace
        • Okta
        • OpenID Connect
      • Two-factor authentication (2FA)
    • âť“FAQs
      • Attachment file types
    • đź’łBilling
      • Plans and pricing
      • Legacy plans
      • Free trials
      • Billing and payments
      • Change your plan
      • Cancel your plan
      • Refunds
      • Startup, student and educational discount
  • Story Mapping Guides
    • How To Story Map — A Simple Example
    • Advantages of Story Mapping
    • A Recommended Workflow
Powered by GitBook
On this page
  1. Release Notes

November 2021

Last updated 3 years ago

11th November

Rich Text Editor

Who is richer than Jeff Bezos? You, whilst using Avion’s new rich text editor 🤑.

Okay, slight exaggeration there, but we are absolutely thrilled to announce our new rich text editor. We are fully aware that our previous text editing experience was rather rudimentary, so we hope this new addition to Avion is going to make your life much easier when authoring stories and planning backlogs.

TL;DR: Story writing is better in Avion and it plays nicely with integrations.

The challenge.

From afar, providing a rich text editor with basic controls, such as bold and italics seems like a simple task. Clearly, text formatting like this has been around for decades in the software we all—sometimes tortuously—use, such as Microsoft Word.

However, even the slightest mention of “rich text formatting” or the truly oldskool terminology “WYSIWYG” (What You See Is What You Get) to any front-end developer might produce a facial reaction known as the stank face. And this is no positive stank face either.

We knew that our in-app editing experience needed to be world class. And with some serious thought and engineering — we managed to execute on this part of the task fairly rapidly ⚡.

However, one of the unique things about Avion is how tightly we integrate with some select backlog tools. This provides a completely unique set of challenges when working with rich text, as each tool offers a different subset of editing features and of course, stores and sends this in varying formats.

The Avion text editor supports:

  • Headings 1 – 6 and paragraph text

  • Carriage returns and soft breaks

  • Bold, italic, strikethrough and inline code formatting

  • Code blocks with language selection

  • Block quotes, with rich child elements

  • Bulleted, numbered lists and horizontal rules

  • External links and inline images

  • Tables with rich child elements

  • Undo / redo

  • Auto-formatting (type markdown and we convert to rich text on the fly)

This has been fun and challenging to build. And it doesn’t stop here either. Here are a few ideas that we would like to consider adding in the future:

  • Inline checklists

  • Tying up inline images/links and Avion attachments

  • Support for advanced punctuation and formatting (ellipsis, subscript, etc)

  • Resizable images

  • User mentions and internal Avion linking

As always if you have any feedback, just reach out using our in-app chat. We hope you enjoy the new editor 🙂

Rich text formatting on the web is fraught with inconsistencies, lack of standards, strong opinions and legacy code. But the reality is—users expect a beautiful editing experience. With tools like and setting the bar so high, it’s a problem that needs to be tackled head on.

Over the last couple of weeks, we have as a team to iron out all inconsistencies when syncing descriptions across our different backlog tool integrations. And the result—we think—is a pretty damn incredible text editor that can seamlessly sync text across different tools. We must be truthful, there are some , but most Avion text editing features are largely syncable across other tools and vice versa.

for everything

Notion
Bear
mobbed
known limitations
Keyboard shortcuts
Stank face.