Question

我有一个像test <b contact-id=dd4a1dbf-66f2-4791-87ee-f01511df888d>@Sandeep Mohan</b>这样的HTML字符串。现在，我想将其呈现为<b>标签，我该怎么做？渲染时，我将其作为字符串，并在Web浏览器中显示。我有一个数组，我又转换成一个字符串。我再次希望该字符串成为HTML标记。

var fullName="<b contact-id="+index+">"+"@"+MentionsObj.fullName+"</b>";
         contacts[mentionIndex]=index.replace(index,fullName);
         }
      }
    }
contacts=contacts.toString();
contacts=contacts.replace(/,/g," ");

我将数组转换为字符串，然后删除昏迷。现在，我的return语句应该返回一个html。

Answer 1

使用javascript函数document.write（myHTMLString）

例如：

https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_doc_write

把你想要的一切代替“Hello World！”，甚至是html标签。

Answer 2

您需要先将字符串转换为有效的HTML元素。您可以使用parseHTML将字符串更改为HTML元素：

contacts[mentionIndex]=index.replace(index,$.parseHTML(fullName));

Answer 3

要创建可以附加到HTML元素的元素，可以使用以下代码。

var b = document.createElement('b');
b.setAttribute('contact-id', 'cake');
b.innerText = '@Sandeep';
document.body.appendChild(b);

结果：

<body>
  <b contact-id="cake">@Sandeep</b>
</body>

将html字符串转换为html标记？

3 个答案: