advanced_rich_text 是一个用于 Flutter 的富文本编辑插件，它允许你在应用中创建和编辑富文本内容。该插件提供了丰富的功能，如文本样式、插入图片、链接等。

安装

首先，你需要在 pubspec.yaml 文件中添加 advanced_rich_text 插件的依赖：

dependencies:
  flutter:
    sdk: flutter
  advanced_rich_text: ^1.0.0  # 请使用最新版本

然后运行 flutter pub get 来安装依赖。

基本用法

以下是一个简单的示例，展示如何使用 advanced_rich_text 插件来创建和编辑富文本内容。

import 'package:flutter/material.dart';
import 'package:advanced_rich_text/advanced_rich_text.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Advanced Rich Text Example',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: RichTextEditorExample(),
    );
  }
}

class RichTextEditorExample extends StatefulWidget {
  @override
  _RichTextEditorExampleState createState() => _RichTextEditorExampleState();
}

class _RichTextEditorExampleState extends State<RichTextEditorExample> {
  AdvancedRichTextController _controller = AdvancedRichTextController();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Advanced Rich Text Editor'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          children: [
            AdvancedRichTextField(
              controller: _controller,
              decoration: InputDecoration(
                hintText: 'Enter your rich text here...',
                border: OutlineInputBorder(),
              ),
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: () {
                // 获取富文本内容
                String richText = _controller.document.toPlainText();
                print(richText);
              },
              child: Text('Get Rich Text'),
            ),
          ],
        ),
      ),
    );
  }
}

主要功能

1. 文本样式：你可以使用 AdvancedRichTextController 来设置文本的样式，如字体大小、颜色、加粗、斜体等。

2. 插入图片：可以通过 AdvancedRichTextController 插入图片到富文本中。

3. 插入链接：可以在富文本中插入超链接。

4. 获取内容：通过 _controller.document.toPlainText() 可以获取富文本的纯文本内容，或者使用 _controller.document.toHTML() 获取 HTML 格式的内容。

高级用法

你可以通过 AdvancedRichTextController 的 insertText、insertImage、insertLink 等方法来实现更复杂的富文本编辑功能。

// 插入文本
_controller.insertText('Hello, World!');

// 插入图片
_controller.insertImage('https://example.com/image.png');

// 插入链接
_controller.insertLink('https://example.com', 'Click here');