LogoLogo
  • AppFlowy
    • ⭐Start here
      • Welcome to AppFlowy Docs
      • How to get help
      • Install AppFlowy
    • 🛠️Installation
      • 🖥️System Requirements
      • 💿Installation methods
        • Mac / Windows / Linux Packages
          • Installing on Linux
            • Installing & Setting up Flutter on Linux from Source
        • Docker
    • 🌱Community
      • 🤙Get in contact
      • 📔AppFlowy Mentorship Program
        • Program Guidance
        • Proposal Template
        • Pull Request Template
        • Mentorship 2023
          • Mentee Projects
            • Calendar View for AppFlowy Database
            • Custom Themes
            • Shortcuts and Customized Hotkeys for AppFlowy
            • Table
            • ⭐Favorites
            • Code Block
            • Outlines
            • Importers
            • AI Writers
            • Templates
          • Project Ideas
      • ✍️Write for AppFlowy
        • 📃Drafts
          • [Draft] Use Case: Software Engineer
          • [Draft] Use Case: High School Students
          • [Draft] How to add a new property to appflowy database
      • 🍂Hacktoberfest
    • 🛣️Roadmap
    • 🌋Product
      • 💽Data Storage
      • 🎨Customize and Style Content
      • ⏮️Duplicate, Delete, and Restore
      • 💎Databases
        • 🔢Database Properties
        • 🗃️Manage Properties
      • Ⓜ️Markdown
      • ⌨️Shortcuts
      • 🪄AppFlowy AI
      • 🦙AppFlowy Local AI - Ollama
      • 🎨Themes
      • ☁️AppFlowy Cloud
      • 🧩AppFlowy Plugins
        • Table-view Databases
        • Kanban Board
        • Calendar
        • Auto Generator
        • Smart Edit
        • Code Blocks
        • Math Equations
        • Cover
        • Emoji
  • Documentation
    • 💎Software Contributions
      • 🟢Get started
      • 💀Architecture
        • Frontend
          • Tauri
            • 🗺️CodeMap
          • Web
            • 🌟Design Philosophy
          • Flutter
            • 🗺️Project Structure: CodeMap
            • 🧮Grid
            • ⚙️Setting
          • Inter-Process Communication
          • User
            • User Data
            • Events & Notifications
          • Folder
            • Events & Notifications
          • Document
          • Database View
            • Events & Notifications
            • Grid
            • Calendar
            • Kanban Board
        • Backend
          • Initialize
          • Events
          • Delta(WIP)
          • Profiling
          • Database
        • Domain Driven Design
        • Proposals
      • 🏗️Conventions
        • 🔤Naming Conventions
        • ⌨️Code Conventions
          • 🐦Flutter
        • 🐙Git Conventions
      • 💛Submitting Code
        • 🏦Setting Up Your Repositories
        • ⤴️Submitting your first Pull Request
      • 🤟Coding Standards and Practices
        • 👽Rust Backend
    • 🚀AppFlowy
      • 👾How to contribute to AppFlowy
      • 🏗️Building from Source
        • 🌳Flutter Setup
          • 🐧Building on Linux
          • 🍎Building on macOS
          • 🪟Building on Windows
        • 🌐Web Setup
        • 📡Tauri Setup
      • ☁️Debugging with AppFlowy Cloud
      • 🔁Debugging in VS Code
      • ☎️Translate AppFlowy
      • ❓Troubleshooting
      • 👮‍♀️Licenses
    • 🏍️AppFlowy Editor
      • ⌨️How to Implement Markdown Syntax To Style Text In AppFlowy Editor
      • 🧩How to Create a Plugin for AppFlowy Editor
      • 👮‍♀️Licenses
    • ☁️AppFlowy Cloud
      • 🌈Architecture
      • ☀️Deployment
  • Guides
    • Sync Desktop and Mobile
    • Self-Hosting AppFlowy
      • ☁️Self-hosting AppFlowy with AppFlowy Cloud
      • 🆓Self-hosting AppFlowy for free Using Supabase
    • Import From Notion
  • Blog Highlights
    • 🔮Demystifying AppFlowy Editor's Codebase
  • Handbook
    • Core values
Powered by GitBook
On this page
  • Text Styling
  • Markdown
  • Color
  • Callout
  • Cover

Was this helpful?

Edit on GitHub
  1. AppFlowy
  2. Product

Customize and Style Content

Work in progress...

PreviousData StorageNextDuplicate, Delete, and Restore

Last updated 4 months ago

Was this helpful?

Text Styling

Highlight any text to trigger the toolbar menu to access styling features:

Markdown

  • Type * or - followed by space to create a bulleted list.

  • Type -[] to create a to-do checkbox. (There's no space in between.)

  • Type -[x] to create a checked to-do checkbox. (There's no space in between.)

  • Type 1. followed by space to create a numbered list.

  • Type # followed by space to create an H1 header.

  • Type ## followed by space to create an H2 sub-header.

  • Type ### followed by space to create an H3 sub-header.

  • Type > followed by space to create a toggle block.

  • Type ` around the text to format it as code.

Color

Color code your text or highlight in your favorite color from the same menu you've used to bold, italic, underline, or strikethrough.

Callout

Use callouts to highlight specific text or include additional information. Maybe you want to add tips or actions. Here is what it looks like:

Add a callout:

  • You can type /callout and press enter to add it to your page.

Change the color:

  • Hover on the callout block to trigger the action menu as indicated in the below screenshot

  • Click to open menu

  • Select Color

Cover

Add a banner image to the top of your page

  • Hover over the top of any page and click Add Cover.

  • Hover over the cover that appears and choose Change Cover.

  • Pick a color or upload an image from your device

You can also style with shortcuts. For example, ctrl/cmd + b for bold and ctrl/cmd + shift + h to highlight. A comprehensive list of shortcuts AppFlowy supports can be found .

Find a full list of styling for AppFlowy.

🌋
🎨
here
Markdown
AppFlowy Callout
AppFlowy Cover Art
Upload an Image