Javascript 如何使用可编辑的内容预览div中的链接

我正在使用javascript编写一个非常简单的所见即所得编辑器

当我使用以下命令时，它会将链接添加到div

   link.addEventListener("click", function () {
        var name = prompt("Enter the text");
        var url = prompt("Enter the URL", "http://");
        update("insertHTML", "<a href=" + url +">"+name+"</a>");
    });


function update(cmd, param){
    document.execCommand(cmd, false, param);
}

link.addEventListener（“单击”），函数（）{
变量名称=提示（“输入文本”）；
var url=prompt（“输入url”，“http://”）；
更新（“插入TML”和“）；
});
函数更新（cmd，param）{
document.execCommand（cmd、false、param）；
}

这是根据Chrome工具中的inspectElement工作的，但是，我不能点击它

---

是否可以使此选项可点击？

可能不是解决方案，但使用带有标记参数的引号被认为是最佳做法（即

href=”http://...“

”），所以

更新（“insertHTML”）@WOUNDEDStevenJones，谢谢你的评论，但我不知道为什么这是好的/更好的/最好的。我所做的一切都是有效的，但是，我想在某些情况下它不会起作用。归结到可维护性、清洁度、一致性等。有很多关于它的文章都建议你应该总是引用，但不使用引号不一定会破坏任何功能。这有助于修复任何问题吗？否则，我会研究其他一些javascript选项——可能是，也可能是。如果您使用的是jQuery，请检查“修复”没有任何区别