复制代码代码如下:
<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">
<adal>
<meta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8">
<Title> 富文本编辑器 </TITAL>
</ head>
<body>
<Fieldset>
<légende> 编辑区 </gend>
<div>
<formulaire
:
<sélectionnez onchange = "setFontColor (this)">
<Option Value = "Black"> Black </ Option>
<Option Value = "Red"> Red </opoption>
<Option Value = "Green"> Green </ Option>
<Option Value = "Blue"> Blue </ Option>
</lect>
:
<sélectionnez onchange = "setFontStyle (this)">
<option value = "bold"> bold </ option>
<Option Value = "Italic"> italic </opoption>
<option valeur = "sous-lice"> souligner </opoption>
<Option Value = "StriketThrough"> StriketThrough </ Option>
</lect>
:
<sélectionner onchange = "setfontfamily (this)">
<option value = "serif"> serif </ option>
<option value = "SANS-SERIF"> SANS-SERIF </ OPTION>
<option value = "monospace"> monospace </opoption>
<Option Value = "Comic Sans MS"> Comic Sans </ Option>
</lect>
</ form>
</div>
<br/>
<div id = "editableText" satisfaitable = "true"> </ div>
</ fieldset>
<script type = "text / javascript">
fonction setfontcolor (obj)
{
Document.ExecCommand ("prévision", false, obj.value);
}
fonction setfontstyle (obj)
{
document.execcommand (obj.value, false, null);
}
fonction setfontfamily (obj)
{
document.execcommand ("Fontname", false, obj.value);
}
</cript>
</docy>
</html> </span>
在线演示 : http: //jsfiddle.net/web_code/npnv3/embedded/result/ 不足之处还请谅解 , 提出指正方法