How to make wysiwyg using Flutter?

Question

I want to make wysiwyg like

Do you know how to make it?

Solution 1

You can use Angular Quill dart component.

See demo and source.

Or you can choose yabwe.

https://pub.dev/packages?q=wysiwyg

Solution 2

These are some options right now if you need a WYSIWYG editor for Flutter and don't mind that they are wrapping Javascript:

1. Flutter Quill (based on Quill which is not active).

2. Flutter Summernote (based on Summernote)

3. Flutter HTML Editor Enhanced (also based on Summernote)

If you prefer another Javascript WYSIWYG library take a look at wrapping your own using the js package: https://pub.dev/packages/js