英文:
How to parse html from some special html tag?
问题
尝试解决方案1:
const textHtml = '<p>测试</p><p><strong>测试</strong></p><p><em>测试</em></p>';
return (
<div>
<div dangerouslySetInnerHTML={{ __html: textHtml }} />
</div>
);
尝试解决方案2,安装html包:
import parse from 'html-react-parser';
const textHtml = '<p>测试</p><p><strong>测试</strong></p><p><em>测试</em></p>';
return (
<div>
<div>{parse(textHtml)}</div>
</div>
);
em
和 strong
标签在这两个解决方案中都不起作用。
英文:
I create a test html string and try to render it in React, but my solution is not working.
Try the solution1:
const textHtml = '<p>Test</p><p><strong>Test</strong></p><p><em>Test</em></p>';
return (
<div>
<div dangerouslySetInnerHTML={{ __html: textHtml }} />
</div>
);
Try the solution 2, install html package:
import parse from 'html-react-parser';
const textHtml = '<p>Test</p><p><strong>Test</strong></p><p><em>Test</em></p>';
return (
<div>
<div>{parse(textHtml)}</div>
</div>
);
em
and strong
tags are not working both of the solutions
答案1
得分: 1
这不是一个React/HTML问题,你可能有一些CSS覆盖了和标签。第一个解决方案应该可以正常工作。
英文:
This is not a React/html issue, you likely have some CSS overriding <b> and <em> tags. First solution should work just fine.
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库,让每个人都能够通过互相帮助和分享经验来进步。
评论