Flutter 鸿蒙化实战：flutter_quill 适配 OpenHarmony，富文本编辑器

Flutter 鸿蒙化实战：flutter_quill 适配 OpenHarmony## 前言随着鸿蒙生态的快速发展，越来越多的 Flutter 应用需要适配 OpenHarmony 平台。但生态早期，大量常用三方库只有 Android / iOS 实现，鸿蒙侧只能自己造轮子。为了解决这个问题，CPF-Flutter 社区 对一批高频使用的 Flutter 三方库做了 OpenHarmony 平台适配，统一托管在 GitCode 的 CPF-Flutter 组织 下，全部通过 TAG 版本隔离、配套门禁编译验证，开箱即用。本篇是系列文章之一，主角是 flutter_quill ------ 富文本编辑器插件。## flutter_quill 是什么flutter_quill（原库 11.4.1）是 Flutter 生态最成熟的富文本编辑器（Quill 的 Flutter 实现），提供：1. 编辑器 ：QuillEditor 富文本编辑区；2. 工具栏 ：QuillSimpleToolbar 一站式工具栏（加粗、列表、链接等）；3. 控制器 ：QuillController 管理文档与选区。纯 Dart + 原生渲染，鸿蒙版开箱即用，适合做笔记、社区发帖、评论等富文本场景。## 适配情况| Flutter 框架版本 | TAG 名称 | 分支名 || --- | --- | --- || 3.27 | 11.4.1-ohos.1.0.0 | master || 3.35 | 11.4.1-ohos.1.0.0 | master |## 快速接入在 pubspec.yaml 中添加 git 依赖：yamldependencies: flutter_quill: git: url: https://gitcode.com/CPF-Flutter/fluttertpc_flutter_quill.git # 按你的 Flutter 框架版本，从上方映射表选择对应 TAG ref: 11.4.1-ohos.1.0.0执行：bashflutter pub get## 使用示例dartimport 'package:flutter_quill/flutter_quill.dart';final controller = QuillController.basic();Column( children: [ QuillSimpleToolbar(controller: controller), Expanded( child: QuillEditor( controller: controller, readOnly: false, ), ), ],)## API 支持一览| API | 说明 | ohos 支持 || --- | --- | --- || QuillEditor | 富文本编辑区 | yes || QuillSimpleToolbar | 富文本工具栏 | yes || QuillController | 文档与选区控制器 | yes |> !TIP ohos Support 为 yes 表示鸿蒙平台支持该能力，使用方式与 iOS / Android 保持一致。## 仓库地址- OpenHarmony 适配仓库：https://gitcode.com/CPF-Flutter/fluttertpc_flutter_quill- 使用问题反馈：请到 CPF-Flutter 社区 Issues 提交问题（社区统一收集跟进）；本仓库 Issues 区亦可。## 系列预告截至目前，CPF-Flutter 社区已完成 250+ 个 Flutter 三方库的 OpenHarmony 平台适配，覆盖权限管理、UI 组件、设备信息、位置服务、媒体处理、网络、支付等多个领域，完整的适配清单（含每个库的版本映射表）见：- 适配总览文档 ：https://gitcode.com/CPF-Flutter/docs/blob/main/ThirdpartyLibrarites.md- 仓库组织：https://gitcode.com/CPF-Flutter本系列后续会陆续挑选高频库展开讲解，比如实时消息（agora_rtm）、视频播放（cached_video_player_plus）、VAP 动画（flutter_vap_plus）等。如果你的 Flutter 应用正在计划适配鸿蒙，欢迎关注 CPF-Flutter 组织，也欢迎参与共建。