Javascript 如何用html元素同时替换粗体、下划线等文本？

我问了一个问题。仅粗体风格的解决方案是：

var-a；
var b；
$（文档）.ready（函数（）{
$（“#convertbn”）。在（“单击”，函数（）{
$（“#问题显示”）.text（$（“#问题编辑”）.val（）；
a=$（“#问题显示”）.text（）；
$（'#questionDisplay'）.html（a.split（“**”）.join（''）；
b=a.拆分（“**”）.连接（“”）；
$（'#questionDisplay'）.html（b.split（'*'）.join（''）；
})
});

用户在此处键入许多*粗体**和*第二粗体**文本。“转换”按钮应将星形标记更改为html标记。
转换
显示：

在下划线处理之前当
a
被赋予
文本的值时，它不接受为使文本加粗而输入的
标记。因此，将
a
分配给

 a = $("#questionDisplay").html();

而不是

a = $("#questionDisplay").text();

这将确保同时使用
元素，以便两者能够协同工作


var-a；
var b；
$（文档）.ready（函数（）{
$（“#convertbn”）。在（“单击”，函数（）{
$（“#问题显示”）.text（$（“#问题编辑”）.val（）；
a=$（“#问题显示”）.text（）；
$（'#questionDisplay'）.html（a.split（“**”）.join（''）；
b=a.拆分（“**”）.连接（“”）；
$（'#questionDisplay'）.html（b.split（'*'）.join（''）；
a=$（“#问题显示”）.html（）；
$（'#questionDisplay'）.html（a.split（'#“）.join（''）；
b=a.拆分（“”）连接（“”）；
$（'questionDisplay'）.html（b.split（'u'）.join（''）；
})
});

现在，用户在此处键入带下划线的*粗体**文本。但是下划线的代码删除了粗体的代码！
转换
显示：