# Easier UX to add an image in a document / rich text field

**URL:** <https://community.fibery.io/t/easier-ux-to-add-an-image-in-a-document-rich-text-field/4278>\
**Category:** Ideas & Features\
**Created:** [April 7, 2023, 1:10pm UTC](https://community.fibery.io/t/easier-ux-to-add-an-image-in-a-document-rich-text-field/4278 "2023-04-07T13:10:38Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Michel\_Daviot](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/michel_daviot/32/6094_2.png) [@Michel\_Daviot](https://community.fibery.io/u/Michel_Daviot)\
**Post date:** [April 7, 2023, 1:10pm UTC](https://community.fibery.io/t/easier-ux-to-add-an-image-in-a-document-rich-text-field/4278/1 "2023-04-07T13:10:38Z")

</div>

I’d like to save a few clicks when I add a hosted, public image in a doc or entity.

For example, we write a lot of schemas using PlantUML.  
I edit the schema online using [http://www.plantuml.com/plantuml/uml/SyfFKj2rKt3CoKnELR1Io4ZDoSa70000](http://www.plantuml.com/plantuml/uml/SyfFKj2rKt3CoKnELR1Io4ZDoSa70000)

I get an image URL like [http://cdn-0.plantuml.com/plantuml/png/SoWkIImgAStDuNBAJrBGjLDmpCbCJbMmKiX8pSd9vt98pKi1IW80](http://cdn-0.plantuml.com/plantuml/png/SoWkIImgAStDuNBAJrBGjLDmpCbCJbMmKiX8pSd9vt98pKi1IW80)

I’d like to simply paste this URL in the page and get the option to embed the image. Or to type some markdown like

`![](http://cdn-0.plantuml.com/plantuml/png/SoWkIImgAStDuNBAJrBGjLDmpCbCJbMmKiX8pSd9vt98pKi1IW80)`

At the moment I have to open the image in another tab, and copy/paste the image. Plus I lose the URL, so I have also to copy/paste the URL as an image caption.

Note : not my need, but some would probably appreciate a similar feature with video URLs such as [Coder un bouton avec un effet "after" en HTML et CSS - YouTube](https://www.youtube.com/watch?v=bEa9sSGC8_I&ab_channel=Laminutedecode)

That’s one the last things I miss after the migration from Notion.

---

<div class="post-metadata">

**Author:** ![Chr1sG](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/chr1sg/32/3941_2.png) [@Chr1sG](https://community.fibery.io/u/Chr1sG)\
**Post date:** [April 8, 2023, 7:17am UTC](https://community.fibery.io/t/easier-ux-to-add-an-image-in-a-document-rich-text-field/4278/2 "2023-04-08T07:17:11Z")

</div>

Does the image not show up when you paste the url and press return?

---

<div class="post-metadata">

**Author:** ![Chr1sG](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/chr1sg/32/3941_2.png) [@Chr1sG](https://community.fibery.io/u/Chr1sG)\
**Post date:** [April 8, 2023, 10:15am UTC](https://community.fibery.io/t/easier-ux-to-add-an-image-in-a-document-rich-text-field/4278/3 "2023-04-08T10:15:00Z")

</div>

It seems that you need to tell Fibery the file type for it to render the url as an image.  
If I paste the following:  
[http://www.plantuml.com/plantuml/png/SoWkIImgAStDuNBAJrBGjLDmpCbCJbMmKiX8pSd9vt98pKi1IW80.png](http://www.plantuml.com/plantuml/png/SoWkIImgAStDuNBAJrBGjLDmpCbCJbMmKiX8pSd9vt98pKi1IW80.png)  
and press return, it is automatically converted to an inline image.

I don’t know how you get the url from plantuml, but perhaps there is a setting to append `.png` to the url.  
Otherwise, I guess you have to manually type it each time

---

<div class="post-metadata">

**Author:** ![Michel\_Daviot](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/michel_daviot/32/6094_2.png) [@Michel\_Daviot](https://community.fibery.io/u/Michel_Daviot)\
**Post date:** [April 11, 2023, 7:50am UTC](https://community.fibery.io/t/easier-ux-to-add-an-image-in-a-document-rich-text-field/4278/4 "2023-04-11T07:50:50Z")

</div>

That’s a good workaround, thanks !

---

<div class="post-metadata">

**Author:** ![Robert\_B](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/robert_b/32/7198_2.png) [@Robert\_B](https://community.fibery.io/u/Robert_B)\
**Post date:** [July 30, 2023, 1:29pm UTC](https://community.fibery.io/t/easier-ux-to-add-an-image-in-a-document-rich-text-field/4278/5 "2023-07-30T13:29:19Z")

</div>

Hi there, I was reading this post and noted that you wrote:

> It seems that you need to tell Fibery the file type for it to render the url as an image.  
> If I paste the following:  
> [http://www.plantuml.com/plantuml/png/SoWkIImgAStDuNBAJrBGjLDmpCbCJbMmKiX8pSd9vt98pKi1IW80.png](http://www.plantuml.com/plantuml/png/SoWkIImgAStDuNBAJrBGjLDmpCbCJbMmKiX8pSd9vt98pKi1IW80.png)  
> and press return, it is automatically converted to an inline image.

I have tried what you are suggesting and the image does not unfurl, or offer to unfurl for me. I tried with and without markdown, and I included the file type. Also, I have tried pasting Youtube videos - actually your own fibery youtube videos that you show embedded in your user guide - and I can only get the link to show.

Hoping you can offer some assistance. Amazing product!

---

<div class="post-metadata">

**Author:** ![Chr1sG](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/chr1sg/32/3941_2.png) [@Chr1sG](https://community.fibery.io/u/Chr1sG)\
**Post date:** [July 31, 2023, 8:17am UTC](https://community.fibery.io/t/easier-ux-to-add-an-image-in-a-document-rich-text-field/4278/6 "2023-07-31T08:17:45Z")

</div>

> [@Robert\_B](#):
>
> [http://www.plantuml.com/plantuml/png/SoWkIImgAStDuNBAJrBGjLDmpCbCJbMmKiX8pSd9vt98pKi1IW80.png](http://www.plantuml.com/plantuml/png/SoWkIImgAStDuNBAJrBGjLDmpCbCJbMmKiX8pSd9vt98pKi1IW80.png)

Are you just pasting the text, or pasting a url (with a link)?  
 ![firefox_KPnCpe0KrD](https://us1.discourse-cdn.com/flex020/uploads/fibery/original/2X/b/b38c658de2831ed8fddb00d9c7c9dc44138f5e41.gif)

It should work for text, when you press enter.

If you paste a URL, it won’t work (but you can force it to):  
 ![firefox_kY0Ej42hKN](https://us1.discourse-cdn.com/flex020/uploads/fibery/original/2X/f/ffb1a212374a2430b70ad6a6cc3a593dd106a09e.gif)

---

<div class="post-metadata">

**Author:** ![Robert\_B](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/robert_b/32/7198_2.png) [@Robert\_B](https://community.fibery.io/u/Robert_B)\
**Post date:** [July 31, 2023, 1:08pm UTC](https://community.fibery.io/t/easier-ux-to-add-an-image-in-a-document-rich-text-field/4278/7 "2023-07-31T13:08:14Z")

</div>

Hi, thanks for your reply. So I did a bunch of testing with it and got it working, although it was a bit tricky. For instance if I simply copy and paste the URL you sent me it doesn’t work, but if I right-click choose copy link and paste, it works!

Can you tell me how to do Youtube videos (if that’s possible) I still can’t figure that out.

---

<div class="post-metadata">

**Author:** ![Robert\_B](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/robert_b/32/7198_2.png) [@Robert\_B](https://community.fibery.io/u/Robert_B)\
**Post date:** [July 31, 2023, 1:40pm UTC](https://community.fibery.io/t/easier-ux-to-add-an-image-in-a-document-rich-text-field/4278/8 "2023-07-31T13:40:40Z")

</div>

I got it working and youtube too. Thanks so much. I don’t know what in the world I was doing wrong with youtube.

I really appreciate your help.
