如何使用 API 中的 HTML 标签并在页面上显示?

Posted

技术标签:

【中文标题】如何使用 API 中的 HTML 标签并在页面上显示?【英文标题】:How can I use HTML tags from API and display on page? 【发布时间】:2021-11-16 20:33:15 【问题描述】:

<p>This is one of the most accurate answers that is able to resolve the birthday of 29th of Feb compared to any year of 28th Feb.
</p>\n\n
<pre class=\ "lang-cs prettyprint-override\">
  <code>public int GetAge(DateTime birthDate)\n

我想在我的答案显示页面上进行开发,并使用 API 中的这个标签来构建页面。

【问题讨论】:

这能回答你的问题吗? React.js: Set innerhtml vs dangerouslySetInnerHTML 首先我要说你需要用代码改进你的问题,例如你如何从 API 粘贴代码?有了这些信息,我认为您需要使用innerHTML 但我使用 React.js 【参考方案1】:

见ReactJS dangerously set inner html

import React from 'react';
import  render  from 'react-dom';
const htmlString = '<h1>Hello World! ?</h1>';
const App = () => (
   <div dangerouslySetInnerHTML= __html: htmlString  />
);
render(<App />, document.getElementById('root'));

祝你好运。 alizadeh_dev 来自伊朗。

【讨论】:

谢谢你,伙计!这对我有帮助。

以上是关于如何使用 API 中的 HTML 标签并在页面上显示?的主要内容,如果未能解决你的问题,请参考以下文章

如何对 AngularJS 中的两个字段求和并在标签中显示结果?

使用 webpack 导出和捆绑函数并在 html 脚本标签中调用它

如何利用Vue.js库中的v-html指令添加html元素

如何在 Django 中使用 AJAX 显示 rest api?

如何忽略tinymce中的html标签| Vuejs 和 Laravel

怎样在a标签上加点击事件,实现页面跳转,并在目标页面内显示出某个隐藏的div?