富文本框基础

[b]1.在文档加载完成以后，通过设置document.designMode = 'on'使文档为可编辑。[/b]
[b]2.对文本的操作，如加粗、字体设置等，通过 document.execCommand(cmd,bool,param)来实现。[/b]
参数如下：
cmd:字符串，要执行的命令；
bool:布尔值，表示是否需要对该命令提供一个用户接口，Firefox在该值为true时报错，通常设置为false.
param:字符串，命令执行需要的参数。
示例：

	//加粗
	frames['richEditor'].document.execCommand("bold",false,null);
	//创建超链接
frames['richEditor'].document.execCommand("createLink",false,"http://a.b.com");
	//设置字体为H1
	frames['richEditor'].document.execCommand("formatblock",false,"<h1>");

[b]3.尽管浏览器支持同一个命令，执行结果产生的HTML代码却不一定一致。[/b]
示例：
对文本执行加粗命令，不同浏览器产生的代码如下：
Firfox:<span _moz_dirty="" style="font-weight: bold;">很好很浅大</span>
Chrome:<b>很好很浅大</b>
IE:<STRONG>很好很浅大</STRONG>

[b]4.获取选择的文本：[/b]

	IE： window.frames['richEditor'].document.selection.createRange().text;
	Firefox/Chrome: window.frames['richEditor'].getSelection().

[b]5.相关辅助函数：[/b]

	a) queryCommandEnabled(cmd):
判断是否能够在当前位置或对选择的内容执行命令cmd,如果可以返回true.
var result = frames['richEditor'].document.queryCommandEnabled('bold');

	b) queryCommandState(cmd):
判断当前选择的内容是否已经执行命令cmd，如果是返回true.
var result = frames['richEditor'].document.queryCommandState('bold');

	c)queryCommandValue(cmd):
获取当前选择的内容执行命令cmd后的值(即:execCommand方法的第三个参数).
var fontSize = frames['richEditor'].document.queryCommandValue('fontsize');