来自：
http://hi.baidu.com/zdz8207/blog/item/19bb2b34b0ea093a5ab5f560.html
<DIV contenteditable="true" style="border:dashed blue 2px">Hello World!</DIV>
保存为html网页，打开看看，在DIV里出现了一个光标，这个DIV就变成可以编辑的了。
类似的，SPAN，FONT等都可以有 contenteditable="true" 这个属性。
再试试下面的：
<DIV contenteditable="true" style="border:dashed blue 2px">Hello World!
<IMG src="http://p.blog.csdn.net/images/p_blog_csdn_net/comstep/70786/o_logo.jpg" />
</DIV>
我们就可以拉伸图片了。
二、具体实现：
1、需要两个页面，blank.html editor.html
2、blank.html 作为 editor.html的一个内嵌Frame，作为编辑框。
<html>
<body topmargin="10" leftmargin="10" bgColor="#f6f6f6">
<div id="RTC" contenteditable = true></div>
</body>
</html>