Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Flutter Web Rich Text Editor

Tags:

I am looking for a text editor similar to the one in the image.

enter image description here I have seen an add-on that performs exactly what I want but is associated with the mobile keyboard.

In flutter web no keyboard opens, but you type directly.

That is why I would like to know if there is any solution to get what I am looking for, I am waiting for an answer, thank you very much for your attention.

Here you have the plugin link: https://pub.dev/packages/zefyr enter image description here

like image 228
DomingoMG Avatar asked Aug 20 '19 12:08

DomingoMG


People also ask

Is flutter a text editor?

Flutter HTML Editor Enhanced is a text editor for Android, iOS, and Web to help write WYSIWYG HTML code with the Summernote JavaScript wrapper.

What is flutter HTML editor enhanced?

Flutter HTML Editor Enhanced is a text editor for Android, iOS, and Web to help write WYSIWYG HTML code with the Summernote JavaScript wrapper. Note that the API shown in this README.md file shows only a part of the documentation and, also, conforms to the GitHub master branch only!

What is simple_rich_text in flutterquill?

With FlutterQuill, you’ll have a WYSIWYG editor that’s perfect for your users. simple_rich_text makes it easy to add color and formatting to your text in Flutter. With simple rich text characters, you can easily change the look of your text without having to learn complex formatting codes.

What is rich text editor (RTE)?

A rich text editor (RTE) is a type of software application that allows users to create and edit documents with features beyond simple text. RTEs can include formatting options such as font, color, size, and alignment; as well as features such as tables, images, and hyperlinks.

How to extract plain text from a document using flutterquill?

Use _controller.document.toPlainText () to extract plain text. FlutterQuill provides some JSON serialisation support, so that you can save and open documents. To save a document as JSON, do something like the following: var json = jsonEncode (_controller.document.toDelta ().toJson ()); You can then write this to storage.


1 Answers

This will build for flutter web you need to make sure you are on master branch of zephyr and flutter

To change branch type in your console

flutter channel master

flutter channel upgrade

Hope this helps friends.

Patrick.

like image 200
Patrick Kelly Avatar answered Oct 13 '22 17:10

Patrick Kelly