从字符串中提取HTML标记并“使用”它

Extract HTML Tag from String and "Use" it

本文关键字：使用 字符串 提取 HTML      更新时间：2023-09-26

我正在做一个纯粹涉及Vanilla JavaScript的项目。其中一个功能是预览用户立即键入的内容（使用 AJAX）。我们使用的平台是J2EE 7，GlassFish 4.0服务器。

当用户尝试格式化其内容时，他们需要突出显示他们想要格式化的文本并按下"粗体"等按钮，突出显示区域的开头将附加一个字符串[b]突出显示区域的末尾将附加一个字符串[/b]。

用户按下按钮或键入内容后，ajax 请求将被发送到 servlet，格式字符串将更改为 html 标记，例如 <b> </b> ，然后服务器将 JSON 字符串发送回客户端。

JavaScript 将使用 

json = JSON.parse（obj） 解析 JSON。

解析后，名为"内容"的内容将入到

document.getElementById（'preview-content'）.innerText = json.content;

假设json.content已经abc<b> ddd </b> aaa，在上面的代码运行后，我得到的内容与它在json.content中得到的内容相同，因为它们变成了一个字符串。

如何从字符串中提取<b> </b>并像原始字符串一样"使用"它（或格式）？

使用

$("#preview-content").append(json.content);

或

$("#preview-content").append($(json.content));

或

document.getElementById("preview-content").innerHTML += json.content;

如果要清除预览内容中的内容并插入 json.content，则

document.getElementById("preview-content").innerHTML = json.content;

或

$("#preview-content").html(json.content);
相关文章：