fleather-editor / fleather

Soft and gentle rich text editing for Flutter applications.

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.14.4

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