html - contentEditable で HTML タグ (例: <) を正しいタグ (例: <) に変換する方法は?

Question

ContentEditable div のタグを変換して、ユーザーが div に書き込めるようにするにはどうすればよいですか。完了したら、ボタンをクリックするとコードが表示されます。

例: ユーザーが入力します:正しい HTML を出力するように<li>lol</li>出力できますか?<li>lol</li>

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を使用させてください。