Underline feature is not working with remark

[Risini1998]

Initial checklist

• I read the support docs
• I read the contributing guide
• I agree to follow the code of conduct
• I searched issues and couldn’t find anything (or linked relevant results below)

Problem

I am using the "remark": "15.0.1" version and I tried to display markdown content as follows.

import { remark } from 'remark'
import html from 'remark-html'
import RemarkGfm from 'remark-gfm'

const content = `
 **Hello World**
 
 _Hello World_
 
 <u>Hello World</u>
 
 ~~Hello World~~`

const processedContent = await remark()
      .use(html)
      .use(RemarkGfm)
      .process(content)
    const contentHtml = processedContent.toString()

But underline feature is not working. I have tried remark-underline. But remark-underline requires remark v12. How can I do this?

Solution

According to above example it shows as below.

Hello World

Hello World

Hello World

Hello World

underline is not working.

Alternatives

This can be achieved byreact-remarkpackage. But I want to know the way to do with remark package.

[wooorm]

What doesn’t work? Please show the exact output you get, and the exact output you want, in code blocks

[Risini1998]

I get the output as,

underline tag was removed and not underlined the 3rd 'Hello World'. I need this output by replacing underlined Hello World in 3rd line.

[wooorm]

Take some time to read the readme of html. There are options. Practically you need the sanitize option: https://github.com/remarkjs/remark-html#options.

But also take some time to read the rest of the readme. When you should or shouldn’t use it.