如果用JS实现实时编辑效果？

Question

textarea做不到1）
<div id=editer>用鼠标拖选一些文本，点击按钮加粗</div>
<input type=button value="bold selection" onclick="cc()">
<script>
function cc()
{
  var rng = window.document.selection.createRange();
  if (rng!=null && rng.parentElement() == document.all.editer)
  {
status = rng.htmlText;
rng.pasteHTML(rng.htmlText.bold());//rng.pasteHTML(rng.text.bold());
  }
// status = document.all.editer.innerHTML;
}
</script>2)
<div contenteditable style="border:inset">这里可以输入</div>