邮箱、论坛之类的富文本编辑框如何实现的？

Question

正在学习前端页面制作。请问如何在html中实现文字样式、图片输入等功能呢？（不要使用Flash之类的插件）我的问题描述方法可能不太清楚，就是说，大家肯定都用过邮箱，那个输入框是怎么实现的呢？html中只有纯文本输入框，就我的知识（html，css，JavaScript），实现这种功能只能通过隐藏并截取原本的输入框（<input type=text>、<textarea>）中的value属性，并且模拟出一个输入框，然后回流到文档。但是这种方式，不容易实现，而且效果很不好，而且关于中文输入法的问题也不好解决。希望大家能指点！

Answer 1

没必要自已写，了解原理到是可以.
网上有很多开源的例如我比较喜欢的tinymce.可以google一下

Answer 2

CKEditor(FCKEditor)http://ckeditor.com/

Answer 3

最简单的html编辑器
<form name="editer" method=post onsubmit="return submit(this.form)">
<button onclick="button_command('Bold')">
<b>B</b>
</button>
<button onclick="button_command('italic')">
<i>I</i>
</button>
<button onclick="button_command('underline')">
<u>U</u>
</button>
&nbsp;&nbsp;
<input type=submit name=submit value="保存"><br>
<iframe name=$meizz scrolling="yes" style="HEIGHT: 90%; WIDTH: 100%">
</iframe>
<textarea name=conten style="display:none">
test<br>
fdsfsf
</textarea>
</form>
<script language=javascript defer=true>
document.frames.$meizz.document.designMode = "On";
document.frames.$meizz.document.write(document.editer.conten.value);function button_command(cmd) {
  document.frames.$meizz.document.focus();
  document.frames.$meizz.document.execCommand(cmd);
}function submit(form) {
  form.conten.value = document.frames.$meizz.document.body.innerHTML;
  return true;
}
</script>

Answer 4

http://download.csdn.net/source/1796809前不久做的一个可以看看

Answer 5

dojo中有这个控件,你可以直接使用,或者看看它的代码是怎么实现的