Flutter 颤振web：带编辑器的文本字段

我从5个小时开始用如下编辑器搜索文本字段：

所以多行和编辑器

编辑：

我的临时解决办法：

final\u commentMarkdownTextContributorCreateMissionView=填充(
填充：仅限边缘设置（顶部：24.0），
孩子：排(
mainAxisAlignment:mainAxisAlignment.center，
儿童：[
文本（“Tout comprendre sur le”），
墨水池(
子：文本(
“降价”，
样式：TextStyle（颜色：INEATCOLERS.粉色），
),
onTap:（）异步{
如果（等待）启动（“https://fr.wikipedia.org/wiki/Markdown")) {
等待发射（”https://fr.wikipedia.org/wiki/Markdown");
}
},
),
],
),
);
最终任务MarkdownTextInputContributorCreateMissionView=
填充物(
填充：仅限边缘设置（顶部：24.0，底部：12.0），
子项：MarkdownTextInput(
（字符串值）=>model.setContextChangedContext（值），
model.contextMarkdownTextInput，
标签：“Contexte”，
),
);
最终_contextMissionMarkdownBodyContributorCreateMissionView=填充(
填充：仅限边缘设置（顶部：24.0，左侧：12.0），
孩子：MarkdownBody(
数据：model.contextMarkdownTextInput，
),
);

颤振降价： ##降价：：

标记\可编辑\文本输入： #文本输入：：

textfield中的Markdown语言可以工作，但目前还没有工具，所以如果您有解决方案的话

---

你能治好我吗？与Flitter web兼容

我希望此插件能帮助您。 我在这里复制了插件的示例代码。 [颤振降价][1]

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

const String _markdownData = """
# Markdown Example
Markdown allows you to easily include formatted text, images, and even formatted Dart code in your app.

## Titles

Setext-style

这是H1 这是一个H2 这是H1 这是一个H2 这是H6

Select the valid headers:

- [x] `# hello`
- [ ] `#hello`

## Links

[Google's Homepage][Google]

[参考风格][谷歌]

## Images

![Flutter logo](/dart-lang/site-shared/master/src/_assets/image/flutter/icon/64.png)

## Tables

|Syntax                                 |Result                               |
|---------------------------------------|-------------------------------------|
|`*italic 1*`                           |*italic 1*                           |
|`_italic 2_`                           | _italic 2_                          |
|`**bold 1**`                           |**bold 1**                           |
|`__bold 2__`                           |__bold 2__                           |
|`This is a ~~strikethrough~~`          |This is a ~~strikethrough~~          |
|`***italic bold 1***`                  |***italic bold 1***                  |
|`___italic bold 2___`                  |___italic bold 2___                  |
|`***~~italic bold strikethrough 1~~***`|***~~italic bold strikethrough 1~~***|
|`~~***italic bold strikethrough 2***~~`|~~***italic bold strikethrough 2***~~|

## Styling
Style text as _italic_, __bold__, ~~strikethrough~~, or `inline code`.

- Use bulleted lists
- To better clarify
- Your points

## Code blocks
Formatted Dart code looks really pretty too:

void main（）{ runApp（材料应用程序）( 家：脚手架( 正文：标记（数据：标记数据）， ), )); }

---

救命啊！这对我很重要！你试过这个叫zefyr.的软件包吗。它还处于早期预览阶段，但可能会有所帮助，您可以根据自己的意愿分叉并添加所需的功能。同样遵循这个@MayuriXx嘿，diid，你找到了解决这个问题的方法。我也需要一个类似的文本编辑器在颤振网络。我找不到任何解决方案。@SivaPerumal我编辑了我的文章，并给出了一个非常好用的解决方案编辑器。提神。谢谢你的帮助。我不知道。当我尝试降价时，它不起作用。By cons MarkdownBody工作得很好，但我不知道它如何在文本字段中工作？您可以创建一个普通文本字段，并在容器中显示上下文，就像堆栈溢出一样。看到了吗，有一个容器在文本字段中显示了所有正确的内容。我将在本周尝试：）我使用markdownTextInput和MarkdownBody打印结果

Select the valid headers:

- [x] `# hello`
- [ ] `#hello`

## Links

[Google's Homepage][Google]

## Images

![Flutter logo](/dart-lang/site-shared/master/src/_assets/image/flutter/icon/64.png)

## Tables

|Syntax                                 |Result                               |
|---------------------------------------|-------------------------------------|
|`*italic 1*`                           |*italic 1*                           |
|`_italic 2_`                           | _italic 2_                          |
|`**bold 1**`                           |**bold 1**                           |
|`__bold 2__`                           |__bold 2__                           |
|`This is a ~~strikethrough~~`          |This is a ~~strikethrough~~          |
|`***italic bold 1***`                  |***italic bold 1***                  |
|`___italic bold 2___`                  |___italic bold 2___                  |
|`***~~italic bold strikethrough 1~~***`|***~~italic bold strikethrough 1~~***|
|`~~***italic bold strikethrough 2***~~`|~~***italic bold strikethrough 2***~~|

## Styling
Style text as _italic_, __bold__, ~~strikethrough~~, or `inline code`.

- Use bulleted lists
- To better clarify
- Your points

## Code blocks
Formatted Dart code looks really pretty too:

## Markdown widget

This is an example of how to create your own Markdown widget:

    Markdown(data: 'Hello _world_!');

Enjoy!

[Google]: https://www.google.com/
""";

void main() {
  final controller = ScrollController();

  runApp(
    MaterialApp(
      title: "Markdown Demo",
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Markdown Demo'),
        ),
        body: SafeArea(
          child: Markdown(
            controller: controller,
            selectable: true,
            data: _markdownData,
            imageDirectory: 'https://raw.githubusercontent.com',
          ),
        ),
        floatingActionButton: FloatingActionButton(
          child: Icon(Icons.arrow_upward),
          onPressed: () => controller.animateTo(0,
              duration: Duration(seconds: 1), curve: Curves.easeOut),
        ),
      ),
    ),
  );
}


  [1]: https://pub.dev/packages/flutter_markdown