Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Escaped Pipe creates new table cell

See original GitHub issue

Describe the bug In Storybook-Addon-Notes: I’m using markdown-files with tables. Inside a table-cell I use escaped pipes. These pipes are creating new cells

To Reproduce Steps to reproduce the behavior:

Create a story
Use addon notes
Create a markdown file with this table:

| Attribute    | Type                  |
| ------------ | --------------------- |
| `position`   | `"left" \| "right"`   |

Which should render this:

Attribute	Type
`position`	`"left" \| "right"`

But it actually renders like this:

Attribute	Type
`position`	`"left"`	`"right"`

Expected behavior Do not ignore escaped pipes. Do not create new table cells.

Screenshots table

System:

OS: Windows7
Browser: Chrome
Addons: Notes
Version: 5.0.11

Issue Analytics

State:
Created 4 years ago
Reactions:1
Comments:7 (6 by maintainers)

Top GitHub Comments

3reactions

robaxelsencommented, Aug 6, 2019

This has now been fixed in latest markdown-to-jsx release, 6.10.3. Huge thanks to @ariabuckles in the underlying simple-markdown for providing a fix and submitting it downstream as well.

Submitted a PR to upgrade the markdown-to-jsx version for notes addon.

2reactions

shilmancommented, Aug 7, 2019

Crikey!! I just released https://github.com/storybookjs/storybook/releases/tag/v5.2.0-beta.24 containing PR #7694 that references this issue. Upgrade today to try it out!

You can find this prerelease on the @next NPM tag.

Top Results From Across the Web

How to escape a pipe char in a code statement ...

The problem is that the vertical bar in the code statement of the second line is interpreted as a column delimiter. Then the...

Markdown: Pipe in table cells cannot be escaped - GitLab.org

No tasks are currently assigned. Use tasks to break down this issue into smaller parts. Linked items. 0.

How can I use the pipe (|) symbol in a table?

Escape it with a backslash? That works for many things in Markdown. Alternatively, use one of the HTML entities for the pipe character, ......

Can't escape pipe character in markdown table : IDEA-286595

Can't escape pipe character in markdown table. Duplicates 1. Duplicates 1 issue (0 unresolved). N. IDEA-213125 Support pipe escaping in markdown table cell....

Escaping the pipe character in a table (incoming webhook)

Observed behavior. A new cell is created and everything is shifted over when a pipe character is present in the text. When attempting...