# Image markup doesn't interact well with tables

**URL:** https://meta.discourse.org/t/image-markup-doesnt-interact-well-with-tables/166441
**Category:** Bug
**Created:** [October 6, 2020, 9:12pm UTC](https://meta.discourse.org/t/image-markup-doesnt-interact-well-with-tables/166441 "2020-10-06T21:12:50Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![supermathie](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/supermathie/32/507518_2.png) [@supermathie](https://meta.discourse.org/u/supermathie)
#### Post date: [October 6, 2020, 9:12pm UTC](https://meta.discourse.org/t/image-markup-doesnt-interact-well-with-tables/166441/1 "2020-10-06T21:12:50Z")

</div>

The default text inserted for a pasted image doesn’t interact well with tables.

The pipe symbol in the markdown below:

```plaintext
![image|62x64](upload://y77M3RloIxs33MlhxMQK5nIcLIJ.png)

```

![image](https://global.discourse-cdn.com/meta/original/3X/e/f/ef181cad37970e5bfddb45164a6bc5c075ea5651.png)

Gets wrongly interpreted as a column separator. When pasting an image into a table, you get this:

```plaintext
|col A|col B|col C|
|---|---|---|
|hello|![image|62x64](upload://y77M3RloIxs33MlhxMQK5nIcLIJ.png) |![image|264x91](upload://sCF3PFcJVjHGmKx5xc2erLvtbl2.png) |

```

| col A | col B | col C |
| --- | --- | --- |
| hello | ![image | 62x64](upload://y77M3RloIxs33MlhxMQK5nIcLIJ.png) |

You can work around it by either removing the image sizing information or escaping it:

```plaintext
|col A|col B|col C|
|---|---|---|
|hello|![image\|62x64](upload://y77M3RloIxs33MlhxMQK5nIcLIJ.png) |![image\|264x91](upload://sCF3PFcJVjHGmKx5xc2erLvtbl2.png) |
|there|![image](upload://y77M3RloIxs33MlhxMQK5nIcLIJ.png) |![image](upload://sCF3PFcJVjHGmKx5xc2erLvtbl2.png) |

```

| col A | col B | col C |
| --- | --- | --- |
| hello | ![image](https://global.discourse-cdn.com/meta/original/3X/e/f/ef181cad37970e5bfddb45164a6bc5c075ea5651.png) | ![image](https://global.discourse-cdn.com/meta/original/3X/c/8/c89bb10d66c0c9aaa0ab4e768e7512cefe83762c.png) |
| there | ![image](https://global.discourse-cdn.com/meta/original/3X/e/f/ef181cad37970e5bfddb45164a6bc5c075ea5651.png) | ![image](https://global.discourse-cdn.com/meta/original/3X/c/8/c89bb10d66c0c9aaa0ab4e768e7512cefe83762c.png) |

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [October 6, 2020, 10:36pm UTC](https://meta.discourse.org/t/image-markup-doesnt-interact-well-with-tables/166441/2 "2020-10-06T22:36:22Z")

</div>

This was raised before, its a tricky change, workaround is to escape.

> [@Pictures don't upload well into tables because of the straight bar symbol](https://meta.discourse.org/t/pictures-dont-upload-well-into-tables-because-of-the-straight-bar-symbol/86063):
>
> Our forum uses tables to describe the function of digital synthesizer modules. In the first column, we use a picture. Because Discourse inserts a | between the file name and resolution, it breaks the link to the picture when using it in a column. The solution is you have to delete the | symbol. Not a big deal, but also not intuitive for beginners. Meter | Displays ---|--- ![Meter-Pattern|108x108](upload://9DAOKRFuJI7XfTYXxm9fsalRgbM.png) | `Pattern` Meter Displays ![Meter-Pattern 108x…

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [October 6, 2020, 10:36pm UTC](https://meta.discourse.org/t/image-markup-doesnt-interact-well-with-tables/166441/3 "2020-10-06T22:36:25Z")

</div>