Space between two HTML tags

I’ve noticed that if you put a space between two HTML tags such as a space, it is interpreted as a content and insert a new line.

For Example: (Focus on the breaking lines, not styling)

render() {
  const htmlContent = `<p>Hello</p> <p>There</p>`;
  return (
     <HTMLView
        value={htmlContent}
     />
  );
}

It will render something like : (Two breaking lines)

When the render should be like : (One breaking line)

I think that in general, it’s an issue about interpreting some content that are not between HTML Tags Take another HTML such as : const htmlContent = `<p>Hello</p>tot<p>There</p>`;

It renders like : (One breaking line)

While it should be something like : (Breaklines between each content)

[ducpt2]

@miniofskidev This did the magic for me: data.replace(/(\r\n|\n|\r)/gm, “”)

[donni106]

@nguyenhuyhieu1995 there are probably new lines between you HTML tags, which normal browsers are ignoring but the HMTLView is not. I think you need a trim method, like @ducpt2 was mentioning, where rendering the HTMLView:

data.replace(/(\r\n|\n|\r)/gm, "")

<HTMLView
    value={`<div>${data.replace(/(\r\n|\n|\r)/gm, "")}</div>`}
    renderNode={renderNode}
/>

This is working for me.