复制代码代码如下:
<span style = "font-size: 14px;"> <! Doctype html public "-// w3c // dtd xhtml 1.0 transisi // en" "http://www.w3.org/TR/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "tipe konten" content = "text/html; charset = utf-8">
<title> 富文本编辑器 </iteme>
</head>
<body>
<fieldset>
<Mregend> 编辑区 </Grend>
<div>
<sorm>
字体颜色 ：
<Pilih Onchange = "SetFontColor (This)">
<Option value = "Black"> Black </pection>
<Option value = "Red"> Red </pection>
<Opsi Value = "Green"> Green </pection>
<Option value = "blue"> Blue </pection>
</pilih>
字体样式 ：
<Pilih Onchange = "SetFontStyle (This)">
<Option value = "bold"> bold </pection>
<Option value = "Italic"> Italic </tion>
<Option value = "Underline"> Garis Besar </tion>
<Option value = "StriketTrough"> StriketThrough </pection>
</pilih>
字体名称 ：
<Pilih Onchange = "SetFontFamily (ini)">
<Option value = "Serif"> Serif </potion>
<Option value = "sans-serif"> sans-serif </pection>
<Opsi value = "monospace"> monospace </option>
<Opsi value = "Comic sans ms"> Comic Sans </pection>
</pilih>
</form>
</div>
<br/>
<Div id = "EditableText" ContentEditable = "true"> </div>
</fieldset>
<type skrip = "Teks/JavaScript">
Fungsi SetFontColor (OBJ)
{
document.execCommand ("forecolor", false, obj.value);
}
Fungsi SetFontStyle (OBJ)
{
document.execCommand (obj.value, false, null);
}
Fungsi SetFontFamily (OBJ)
{
document.execCommand ("fontname", false, obj.value);
}
</script>
</body>
</html> </span>
在线演示 ： http: //jsfiddle.net/web_code/npnv3/embedded/result/ 不足之处还请谅解 ， 提出指正方法