remark-directive-emphasis-dots

Markdown remark

npm install remark-directive-emphasis-dots

import rehypeFormat from 'rehype-format'
import rehypeStringify from 'rehype-stringify'
import remarkDirective from 'remark-directive'
import remarkParse from 'remark-parse'
import remarkRehype from 'remark-rehype'
import { unified } from 'unified'
import remarkDirectiveEmphasisDots from 'remark-directive-emphasis-dots'

const text = ":emd[]"
const file = unified()
          .use(remarkParse)
          .use(remarkDirective)
          .use(remarkDirectiveEmphasisDots())
          .use(remarkRehype)
          .use(rehypeFormat)
          .use(rehypeStringify)
          .process(text)

console.log((await file).toString())

<p><em class="emd"></em></p>

CSS

em.emd {
 	font-style: normal;
	text-emphasis: filled black;
  text-emphasis-position: under right;
}

...
.use(remarkDirectiveEmphasisDots{
  tag: 'emd', /* markdown  */
  hName: 'em', /* HTML  */
  classNames: ["emd"] /*  HTML  */
})
...