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