Custom Anchor

Expected Usage
Clipboard icon

Anchor expected usage links to the next line

In markdown document
Clipboard icon

<Anchor name="any-html-id-compatible-string-expected-usage" />
Clipboard icon

Generated DOM
Clipboard icon

<a name="any-html-id-compatible-string-expected-usage"></a>
Clipboard icon

With Children
Clipboard icon

Anchor with children links to the next line

In markdown document
Clipboard icon

<Anchor name="any-html-id-compatible-string-with-children" >
I must not put text here
</Anchor>
Clipboard icon

Generated DOM
Clipboard icon

<a name="any-html-id-compatible-string-with-children"></a>
Clipboard icon

In a title
Clipboard icon

Anchor in a title links to the next title

Usage
Clipboard icon

### Anchor in title links here <Anchor name="any-html-id-compatible-string-in-a-title" />
Clipboard icon

Generated DOM
Clipboard icon

<h4>
Anchor in title links here
<a name="any-html-id-compatible-string-in-a-title"></a>
</h4>
Clipboard icon

In a list
Clipboard icon

Anchor in a list links to firs item on the list

  • List 1
  • List 2

Usage
Clipboard icon

* List 1 <Anchor name="any-html-id-compatible-string-in-a-list" />
Clipboard icon

Generated DOM
Clipboard icon

<li>
List 1
<a name="any-html-id-compatible-string-in-a-list"></a>
</li>
Clipboard icon