Fleather

Soft and gentle rich text editing for Flutter applications based on Zefyr. It uses a document model named Parchment based on Notus.

👉 Live demo here.

Features

• Works on Android, iOS, Web, macOS, Linux and Windows
• Inline attributes like bold, italic, strikethrough and etc.
• Line attributes like direction, alignment, heading, number and bullet list and etc.
• Block attributes like code, quote and etc.
• Supports inline and block embeds
• Markdown-inspired semantics
• Supports markdown shortcuts
• Using Quill.js Delta as underlying data format by Parchment, Fleather is ready for collaborative editing using OT (Not provided as a built-in functionality)

Full documentation can be found here.

Get started

Add Fleather to your dependencies.

dependencies:
  flutter:
    sdk: flutter
  fleather: ^1.18.0

Usage

For a complete working project using Fleather, check our example.

1. Create a FleatherController

   document = ParchmentDocument.fromJson(json);
   controller = FleatherController(document);

2. Add FleatherEditor or FleatherField with a FleatherToolbar to your widgets.

   Column(
   children: [
   FleatherToolbar.basic(controller: _controller!),
   Expanded(
     child: FleatherEditor(controller: controller),
   ),
   //or
   FleatherField(controller: controller)
   ],
   ),

Migration

For migration guides check out MIGRATION.md.

Credits

• Zefyr contributors
• Mohammadreza Ziadzadeh for banner