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

Question

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

当用户尝试格式化他们的内容时，他们需要突出显示他们想要格式化的文本并按下诸如“Bold”之类的按钮，突出显示区域的开头将附加一个字符串[b]并且结束突出显示区域将附加字符串[/b]。

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

JavaScript将使用

 json = JSON.parse(obj) 

解析JSON

解析后，名为“content”的内容将插入

 document.getElementById('preview-content').innerText = json.content; 

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

如何从字符串中提取<b> </b>并将其“使用”（或格式化）与原始字体一样？

Answer 1

使用

$("#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);