如何将HTML标记(例如:<)转换为contentEditable中的正确标记(例如:<)?

时间:2012-10-21 22:20:46

标签: html contenteditable

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

例如:用户输入:<li>lol</li>输出&lt;li&gt;lol&lt;/li&gt;我可以输出正确的HTML吗?

1 个答案:

答案 0 :(得分:0)

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

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

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

或者你的意思是你在服务器端获得HTML实体?如果是,请澄清。

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