Show text and image in textview using sqlite as datasource - android-sqlite

I want to display my data in flutter app as shown in below image. Also, all the data is stored in sqlite as shown below.
My content to be displayed like this image
All this content to be stored in sqlite as simple text as follows:
<h1><i>This is a heading:</i></h2><br/>This is a simple text which comes from the sqlite. An image comes between this text as below.<br/><img src="https://i.stack.imgur.com/hofuV.jpg"/><br/>This text comes after the image. All this data is tored as text in sqlite and to be shown in textview. So that searching and text resizing can be implemented too.
I tried htmlview but searching and text resizing functions not working in that case.
Help me please to implement this.
I tried using htmlview but searching and text resizing not working in that case.

Related

Is there any texteditor that I can also insert images in the middle of texts in 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.

using itextsharp add image under text but over other images that have been placed

Imagine a pdf with text and a application that test images over the text.
In every test pdf is saved and the next test using same pdf.
The first time you add image under text you can see the results, next time you will try you add image under is not appear because first image cover it.
So...exists something GetBetween or can i choose the layer that i want?
If i use GetUnderContent only first image appears and all others are hide.
If i use GetOverContent then the text is covered by image.

Inserting Image into textField from customKeyboard

I'm currently making my own customKeyboard Extension, i have Images as buttons which are to be printed into a text Field fx, imessages. So far I've been using
self.textDocumentProxy.insertText("text")
which inserts text but what func do i need to call to insert an image. The app joy emoji keyboard does this but i can't seem to figure it out.

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.

use tableview as uitextview

i want to develop a application like notepad app of iphone or ipod. i try my level best to design a uitextveiw like a paper with lines but it has a lot of problems like background image does not scroll with scroll of uitextview. and does not reapeat itself when text increases the background image.
its seems to me that the notepad app use a table view for taking input from user how i donot know.
so anyone who can tell me how to design a view like notepad app.
use a tableview and then place text field in each row such that if the text field limit reach the maximum length the next row text field become first responder. and when user click save then read data from all text field and then save it where u want.
but the only problem that i am facing is when the user past some data then i am unable to show that data in next text field if the past data is larger than the maximum length of a text field.
hope this help others.