CSS IDs in MD are displayed as normal text.

[CapinWinky]

Current behavior

If giving a MD element an ID via {#SomeID} syntax, it is displayed as normal text.

# My Heading {#MyHeadingID}
erroneously becomes
<h1>My Heading {#MyHeadingID}</h1>

Expected behavior

The renderer should apply the ID in the element's HTML tag so it can be linked to or manipulated with CSS.

# My Heading {#MyHeadingID}
Should become
<h1 id="MyHeadingID">My Heading</h1>

Steps to reproduce

1. Give an element an ID like {#ThisID}
2. See how it is treated as normal text.
3. Wonder why This doesn't link to that element's location
4. Wonder why CSS for #ThisID has no effect on the element

Environment

• Version : Installer version 0.11.15
• OS Version and name : Windows 10 Pro x64 1809

[CapinWinky]

I should note that only IDs for headings are in the official extended markdown syntax spec, but in practice it has also been applied to the parent element when found in a list, table, etc. So, if any line of markdown that is specifying a table ends in the {#SomeID} syntax, that ID would be applied to the <table> tag. In cases where multiple IDs are found, you could just use the first or last one, whatever is easiest for your parsing strategy.

[MiloTodt]

While not the exact solution you're looking for, doing this may fit your usecase for now.