複製代碼代碼如下：
<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/不足之處還請諒解，提出指正方法，提出指正方法