Unable to parse certain url's as link in react-markdown

[nikhil19kekan]

using react markdown with gfm plugin, gfm plugin is unable to identify it as link

import ReactMarkdown from 'react-markdown';
const text = "http://azure/webapp/index?view=tev&cio=TEV";

<ReactMarkdown plugins={[gfm]} linkTarget={"_blank"} source={text} allowDangerousHtml />

even tried

import ReactMarkdown from 'react-markdown';
const text = "http://azure/webapp/index?view=tev&cio=TEV";

<ReactMarkdown renderer ={{link:props => <a href={props.href} target="_blank" >{props.children}</a>}} linkTarget={"_blank"} source={text} allowDangerousHtml />

still the URL gets rendered as text and not as link

[ChristianMurphy]

@nikhil19kekan this is the expected behavior, from the GFM spec https://github.github.com/gfm/#valid-domain

There must be at least one period

the example link you provided

http://azure/webapp/index?view=tev&cio=TEV

does not include any periods, so autolinking will not see it as a valid link.

To make it a link, consider using

<http://azure/webapp/index?view=tev&cio=TEV>

[nikhil19kekan]

thanks

[nikhil19kekan]

we want to maintain consistency among url's. so will it work if all url's are enclosed in "<" and ">" tag?

[wooorm]

http://azure/webapp/index?view=tev&cio=TEV is not a URL. It’s not valid.

There are many ways for creating links in markdown. See the spec. If you want almost all random values to “link”, use full inline links: [text](<the value>)

[nikhil19kekan]

thanks