问题标签 [html-react-parser]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
4 回答
90 浏览

javascript - 如何在 React 中渲染 div 和 script 标签?

React 应用程序收到了一个可视化代码,我使用 unescape 函数来获取字符串中的 HTML 代码。该字符串有一个div带有可视化 id 的script标签和包含用于生成可视化的 javascript 的标签。

在这里,我提供了代码框链接

我用dangerouslySetInnerHtml来显示可视化但无法可视化图表。我在公共文件夹中添加了一个 test.html 以在浏览器中显示可视化。任何帮助深表感谢。

0 投票
1 回答
310 浏览

reactjs - html-react-parser:将 DOM 节点替换为另一个包含内部文本子节点的 DOM 节点(A-link)

使用,我需要将我的字符串输出为 JSX,但将所有>html-react-parser替换为 将包含. 换句话说,我将我的 A 链接包装在 LinkContainer 标记中。<a href=...<LinkContainer to={href}><a>..</a></LinkContainer><a>

问题是,我不知道如何表达我要替换的 A-tag 的内部文本,必须包括在内:

没有什么像innerTexttext不可用。来到我这里的 DOM 节点是

  • A标签本身
  • 它的子节点,即内部文本,一个单独的节点
0 投票
1 回答
153 浏览

css - 如何使用 dangerouslySetInnerHTML React 设置文本溢出 ellpsis?

我正在尝试将内容保存为 HTML 标记并打印出来。我将其设置为 'text-overflow : ellpsis' 因为我只需要简短的细节,但它不起作用。有什么解决方法吗?

在此处输入图像描述

0 投票
2 回答
203 浏览

reactjs - 如何在 Tailwind 和 postcss 中将 Html 内容转换为纯文本

我无法在反应中解析 html 内容,这实际上是顺风和 postcss 特定的问题,因为我在代码和框上使用了相同的代码,在没有顺风 CSS 样式的情况下工作正常。

注意:我已经在有和没有顺风的本地计算机上对此进行了测试,我遇到了同样的问题

应用程序.js

预期产出 在此处输入图像描述

实际输出 在此处输入图像描述

在使用tailwind进行样式设置时是否有另一种方法可以将html转换为纯文本