复制代码代码如下:
<span style = "font-size: 14px;"> <! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<голова>
<meta http-equiv = "content-type" content = "text/html; charset = utf-8">
<title> 富文本编辑器 </title>
</head>
<тело>
<Fieldset>
<Легенда> 编辑区 </Легенда>
<div>
<форма>
字体颜色 ：
<SELECT ONCHANGE = "SETFONTCOLOR (this)">
<опция value = "black"> Black </option>
<option value = "red"> Red </option>
<option value = "green"> green </option>
<option value = "blue"> Blue </option>
</select>
字体样式 ：
<SELECT ONCHANGE = "SETFONTSTYLE (this)">
<option value = "Bold"> Bold </option>
<option value = "italic"> курсив </option>
<option value = "unpline"> подчеркнуть </option>
<option value = "StriketTrough"> StriketTrough </option>
</select>
字体名称 ：
<SELECT ONCHANGE = "SETFONTFAMILY (this)">
<option value = "serif"> serif </option>
<option value = "sans-serif"> sans-serif </option>
<option value = "monospace"> Monospace </option>
<option value = "Comic Sans MS"> Comic Sans </option>
</select>
</form>
</div>
<br/>
<div id = "editabletext" довольной = "true"> </div>
</fieldset>
<script type = "text/javascript">
функция setFontColor (OBJ)
{
document.execcommand ("forecolor", false, obj.value);
}
функция setFontStyle (OBJ)
{
document.execcommand (obj.value, false, null);
}
функция setFontfamily (OBJ)
{
document.execcommand ("fontname", false, obj.value);
}
</script>
</body>
</html> </span>
在线演示 ： http: //jsfiddle.net/web_code/npnv3/embedded/result/ 不足之处还请谅解 ， 提出指正方法