html - 如何在 contentEditable 中将 HTML 标签（例如：<）转换为正确的标签（例如：<）？

Question

如何在 ContentEditable div 中转换标签，以便用户可以写入 div，一旦完成，他们可以单击按钮并显示代码

例如：用户输入：<li>lol</li>它输出<li>lol</li>我可以让它输出正确的 HTML 吗？

Answer 1

实际上，如果您使用 .text() 来检索 div 的内容，您会保留 html 标记。

演示：http ://codepen.io/anon/pen/pzFEa

(function(){
  $('button').on('click', function(){
    var value = $('div').text();
    alert(value);
  });
})();

还是您的意思是您在服务器端获得 HTML 实体？如果是这样，请澄清。

无论如何，我建议您不要让您的用户键入 HTML。相反，让他们使用Markdown。