Is there any texteditor that I can also insert images in the middle of texts in Flutter? - flutter

I would like to make a blog app by flutter in which people will write posts with text and picture.
I learned how to make the form that image and text are separated like in Instagram.
But what I'm trying to make is that people can insert image files in a text editor.
I'm wondering if there is any library that support this function.

Related

Is there any way to create a PDF from a widget using Flutter?

I did some research and find out that you can create PDF with images or texts or by exporting the screenshot, but I want to create much more like in the image below:
So what I want to achieve is to have a good resolution for PDF to print the PDF as a book after this. The physical book has a lot of pages and my client wants to create the virtual one.
So, I have the design (as you can see in the image), but I still need to create some text fields, signature and some logic in the widget.
How can I export after that to a one page PDF for every widget?
Screenshot won't be enough because I think it doesn't have a good quality and ofc the text and everything else won't be suited in the phone screen.
I am thinking to use the basic design and to add manually by code the texts, but I don't know how to export this to a PDF after that.
Of Course! The pdf package is a great start.

Creating a Rich Text Editor in Flutter

I am planning to create a rich text editor in Flutter for a personal application. I know there are already some options like zefyr. However, it is still in dev preview and I want to build something a bit different.
The features of the text editor will be that users can add images, bolden text, add lists, italicize text, etc. Just basic text editor things.
Where I am having issues is in the text input side of things. The flutter default text input only allows one style of text per text field. So that would pose a great challenge when it comes to inline styling. Also, a text field cannot have an image inside it, so that is another problem.
If anyone has any ideas on how to go about this, it will be great for a start.
So, I am really asking for the approach to create the editor because it is not as simple as creating one in html

Using contentEditable inside Flutter's webview

For an application I need a document that is able to record and display among each other any type (text, audio, video, HTML, maybe PDF) that the user enters or inserts.
At first I wanted to use a listview with different types of widgets (textfields, video via plugin, webview via plugin etc.), but it seemed much too complicated to me. For example, how could I have selected parts of a text field, the following image and parts of the next text field at the same time?
Actually, the document format that I need already exists: HTML. If you set the attribute "contentEditable" accordingly, it is not a big problem to let the user change the document in any way with the help of JS. And this is exactly my problem: If I use the Webview (Developer Preview) of the Flutter team (webview_flutter), the attribute "contentEditable" is apparently ignored. I can't mark text and no keyboard appears.
Am I doing something wrong or does the plugin not (yet) support this attribute? Otherwise, is there an alternative? I have to say that I am an absolute beginner in Flutter.

Flutter - Is there any way to add hyperlink recognition in the textfield like "Whatsapp or google notes etc."

I building a sticky note app but I stuck with the text field in the flutter.
Is there any way to recognise the like rich text field... I would really like help...
I just want when someone put a link in the text field app use network packet to get an image and title description to make a tile.
Just like this...

How to insert and delete image and text in one view just like MMS apps on iPhone

I would like to implement something like MMS app on iPhone, where user will have an option to include an image and text.
The way I did is i created a UIUiew and included a UITextView and UIImageView inside it, and when user selects an image it goes in to the UIImageView and the user can type in the UITextView.
But the problem that I am facing is once you insert a UIImage how do you put a cursor after the image so that user can delete(backspace) the image and that space free's up and it becomes available for the user to type in more text.
Simple answer: You cannot mix text and images in a UITextView. If you want to achieve a behavior like this, you should look into using Core Text to render the text yourself (it supports other elements inside the text via certain callbacks through which you tell the text system how much space it is supposed to reserve for the image.
To make the text editable, you would have to implement the text editing protocols UITextInput and UIKeyInput. Which means you have to basically write your own text editor. It's possible but it's a lot of work.