复制代码代码如下:
<span style =“ font-size:14px;”> <!doctype html public' - // w3c // dtd xhtml 1.0 transitional // en http://www.w.w.org/xhtml1/xhtml1/dtd/dtd/dtd/xhtml1-transityal.dtdddddddddddddd'>>
<html xmlns =“ http://www.w3.org/1999/xhtml”>
<头>
<meta http-equiv =“ content-type” content =“ text/html; charset = utf-8”>
<title>富文本编辑器</title>
</head>
<身体>
<FieldSet>
<Legend>编辑区</Legend>
<div>
<形式>
字体颜色:
<select onChange =“ setFontColor(this)”>
<option value =“黑色”>黑色</option>
<选项值=“红色”>红色</option>
<选项值=“绿色”>绿色</option>
<选项值=“蓝色”>蓝色</option>
</select>
字体样式:
<select onChange =“ setFontStyle(this)”>
<选项值=“ BOLD”> BOLD </option>
<option value =“斜体”>斜体</option>
<option value =“下划线”>下划线</option>
<option value =“ StriketThrough”> StriketThrough </option>
</select>
字体名称:
<select onChange =“ setFontFomily(this)”>
<option value =“ serif”> serif </option>
<option value =“ sans-serif”> sans-serif </option>
<option value =“ Monospace”> Monospace </option>
<option value =“漫画sans ms”>漫画sans </option>
</select>
</form>
</div>
<br/>
<div ID =“ editabletext” pontenteadietable =“ true”> </div>
</fieldSet>
<脚本类型=“ text/javascript”>
功能SetFontColor(OBJ)
{
document.execcommand(“ forecolor”,false,obj.value);
}
功能setFontStyle(obj)
{
document.execCommand(obj.value,false,null);
}
函数setFontFonamily(obj)
{
document.execcommand(“ fontname”,false,obj.value);
}
</script>
</body>
</html> </span>
在线演示:http://jsfiddle.net/web_code/npnv3/embedded/result/不足之处还请谅解,提出指正方法,提出指正方法