复制代码代码如下:
<span style = "font-size: 14PX;"> <!
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text/html; charset = utf-8">
<Title> 富文本编辑器 </title>
</head>
<Body>
<Fieldset>
<legend> 编辑区 </legend>
<div>
<morm>
字体颜色
<select onchange = "setFontColor (this)">
<opção value = "preto"> preto </pption>
<opção value = "RED"> RED </pption>
<opção value = "verde"> verde </pption>
<opção value = "azul"> azul </pption>
</leclect>
字体样式
<select onchange = "setFontStyle (this)">
<opção value = "BOLD"> BOLD </pption>
<opção value = "itálico"> itálico </pption>
<opção value = "sublinhado"> sublinhado </pption>
<opção value = "striketthrough"> striketthrough </pption>
</leclect>
字体名称
<select onchange = "setFontFamily (this)">
<opção value = "Serif"> Serif </pption>
<opção value = "sans-serif"> sans-serif </pption>
<opção value = "monoespace"> monospace </pption>
<opção value = "Comic Sans MS"> Comic Sans </pption>
</leclect>
</morm>
</div>
<br/>
<div id = "editableText" contentDitable = "true"> </div>
</fieldset>
<script type = "text/javascript">
função setFontcolor (OBJ)
{
Document.ExecCommand ("ECOLOR", FALSE, OBJ.VALUE);
}
função setfontstyle (obj)
{
document.execCommand (obj.value, false, null);
}
função setfontfamily (obj)
{
document.execCommand ("FontName", false, obj.value);
}
</script>
</body>
</html> </span>
在线演示: http: //jsfiddle.net/web_code/npnv3/embedded/result/ 不足之处还请谅解 , 提出指正方法