Underline feature is not working with remark

Question

Underline feature is not working with remark

Closed this issue a year ago · 4 comments

Risini1998 commented a year ago

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.

Answer 1 · 2024-01-19T12:55:42.000Z

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

Answer 2 · 2024-01-23T04:27:24.000Z

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.

Answer 3 · 2024-01-23T09:27:10.000Z

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.

Answer 4 · 2024-01-23T09:27:22.000Z

Hi! This was closed. Team: If this was fixed, please add phase/solved. Otherwise, please add one of the no/* labels.