Create a TextEditor in Flutter, How to Work with Flutter Summernote Package

Geno Tech
2 min readJan 11, 2022

Flutter Knowledge Sharing #49

Flutter Summernote

In this tutorial, I am going to share my knowledge of Flutter packages. Packages are significant because it allows us to speed up our implementations. However, the customization is limited in some packages. And more pros and cons should be aware when working with packages. Up to here, I have discussed 48 Flutter topics, and readers of those articles have influenced me to write more about Flutter. So this is another step of our journey. So I hope you can gain some knowledge in Flutter Summernote. You can do that easily by following the steps below.

Summernote is a text editor that we can use on android and ios devices. Here are the steps to follow for creating a text-editor application in Flutter.

Create a new Project

Here I created a new Flutter project to demonstrate the implementations. Please notice that your project name should not be the same as your dependencies. Therefore, here your project name should not be the “flutter_summernote.” Otherwise, you will face an error when adding the dependencies.

Add Dependencies

Add dependencies into the pubspec.yaml file as follows.

dev_dependencies:
flutter_test…

--

--

Geno Tech
Geno Tech

Written by Geno Tech

Software Development | Data Science | AI — We write rich & meaningful content on development, technology, digital transformation & life lessons.

No responses yet