如何在textarea中的选择文本上附加文本

Question

我已经尝试使用jquery创建一个简单的富文本，

$('#textarea').bind('keyup', function(e) {
  var data = $('#textarea').val()
  $('#data').html(data.replace(/\n/g,"<br />"));
});

$('#bold').click();

任何人都知道如何在 textarea 中添加选择文字上的文字（正面和背面附加） 恩。添加<b>选择文字</b>，不要在textarea <b>内显示任何标记

http://jsfiddle.net/KnyTt/

Answer 1

请参阅我的回答here，了解如何格式化所选文字。不幸的是，HTML textarea组件根本不会显示HTML格式的文本。您当然可以查看一些HTML / JS富文本编辑器组件，例如TinyMCE，而不是尝试编写自己的组件。

编辑：您可以使用@elclanrs link将我的上述答案应用于可编辑的div（或显示格式的其他元素）。