I need to add image in text input

Happy weekend ,
i am trying to implement ux page that required to add article from mobile , this article may contain image, text, and video .

i am searching from while to this thing , but i don’t find anything meets our requirements.

the final input editor i seek to implement is like the following image , can some one help me with any thing ?



You can’t have images inline with the text, so your best bet is to either put your images before or after you text. Alternatively you can try to split your text into multiple text elements, but since you are using TextInput, that would probably make the user experience pretty bad.

So i would go for something like this:

<TextInput Value="..." />
<Each Items="{images}">
    <Image ...