📄 htmlarea.html
字号:
break;
case 'imgItalic' :
mImage = 'italic_off.gif';
break;
case 'imgBoldItalic' :
mImage = 'bolditalicunderline_off.gif';
break;
case 'imgSuperScript' :
mImage = 'superscript_off.gif'
break;
case 'imgSubScript' :
mImage = 'subscript_off.gif'
break;
case 'imgSpecialChar' :
mImage = 'specialchars_off.gif'
break;
case 'imgSave':
mImage = 'save_off.gif'
break;
case 'imgUnderLine' :
mImage = 'underline_off.gif';
break;
case 'imgStrikeThrough' :
mImage = 'strikethrough_off.gif';
break;
case 'imgAlignLeft' :
mImage = 'alignleft_off.gif';
break;
case 'imgAlignRight' :
mImage = 'alignright_off.gif';
break;
case 'imgAlignCenter' :
mImage = 'aligncenter_off.gif';
break;
case 'imgAlignJustify' :
mImage = 'alignjustify_off.gif';
break;
case 'imgCut' :
mImage = 'cut_off.gif';
break;
case 'imgCopy' :
mImage = 'copy_off.gif';
break;
case 'imgPaste' :
mImage = 'paste_off.gif';
break;
case 'imgImage' :
mImage = 'image_off.gif';
break;
case 'imgLink' :
mImage = 'link_off.gif';
break;
case 'imgLine' :
mImage = 'line_off.gif';
break;
case 'imgUndo' :
mImage = 'undo_off.gif';
break;
case 'imgRedo' :
mImage = 'redo_off.gif';
break;
case 'imgOrderList' :
mImage = 'orderedlist_off.gif';
break;
case 'imgUnOrderList' :
mImage = 'unorderedlist_off.gif';
break;
case 'imgOutdent' :
mImage = 'outdent_off.gif';
break;
case 'imgIndent' :
mImage = 'indent_off.gif';
break;
case 'imgHighLight' :
mImage = 'highlight_off.gif';
break;
case 'imgFontColor' :
mImage = 'fontcolor_off.gif';
break;
case 'imgCustom' :
mImage = 'customtag_off.gif';
break;
default :
mImage = ctrl.src;
}
var mNewImage = new Image();
mNewImage.src = 'icons/' + mImage ;
if (! (mImage == ctrl.src) )
ctrl.src = mNewImage.src;
}
</Script>
<Script Language="javascript">
function selOn(ctrl) {
var mImage
switch(ctrl.id)
{
case 'imgCuston' :
mImage = 'customtag_over.gif';
break;
case 'imgAbout' :
mImage = 'about_over.gif';
break;
case 'imgBold' :
mImage = 'bold_over.gif';
break;
case 'imgItalic' :
mImage = 'italic_over.gif';
break;
case 'imgBoldItalic' :
mImage = 'bolditalicunderline_over.gif';
break;
case 'imgUnderLine' :
mImage = 'underline_over.gif';
break;
case 'imgStrikeThrough' :
mImage = 'strikethrough_over.gif';
break;
case 'imgSpecialChar' :
mImage ='specialchars_over.gif'
break;
case 'imgSuperScript' :
mImage = 'superscript_over.gif'
break;
case 'imgSubScript' :
mImage = 'subscript_over.gif'
break;
case 'imgSave':
mImage = 'save_over.gif'
break;
case 'imgAlignLeft' :
mImage = 'alignleft_over.gif';
break;
case 'imgAlignRight' :
mImage = 'alignright_over.gif';
break;
case 'imgAlignCenter' :
mImage = 'aligncenter_over.gif';
break;
case 'imgAlignJustify' :
mImage = 'alignjustify_over.gif';
break;
case 'imgCut' :
mImage = 'cut_over.gif';
break;
case 'imgCopy' :
mImage = 'copy_over.gif';
break;
case 'imgPaste' :
mImage = 'paste_over.gif';
break;
case 'imgImage' :
mImage = 'image_over.gif';
break;
case 'imgLink' :
mImage = 'link_over.gif';
break;
case 'imgLine' :
mImage = 'line_over.gif';
break;
case 'imgUndo' :
mImage = 'undo_over.gif';
break;
case 'imgRedo' :
mImage = 'redo_over.gif';
break;
case 'imgOrderList' :
mImage = 'orderedlist_over.gif';
break;
case 'imgUnOrderList' :
mImage = 'unorderedlist_over.gif';
break;
case 'imgOutdent' :
mImage = 'outdent_over.gif';
break;
case 'imgIndent' :
mImage = 'indent_over.gif';
break;
case 'imgHighLight' :
mImage = 'highlight_over.gif';
break;
case 'imgFontColor' :
mImage = 'fontcolor_over.gif';
break;
case 'imgCustom' :
mImage = 'customtag_over.gif';
break;
default :
mImage = ctrl.src;
}
var mNewImage = new Image();
mNewImage.src = 'icons/' + mImage ;
if (! (mImage == ctrl.src) )
ctrl.src = mNewImage.src;
ctrl.style.cursor = 'hand';
}
</Script>
<TABLE border="0">
<TR>
<TD>
<TABLE id="table1" class="tblTable">
<TR>
<td class="tdClass"><img ID="imgSave" alt="Save" name="imgSave" class="butClass" src="icons/save_off.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doCommand(this)"></td>
<td class="tdClass"><img ID="imgUndo" alt="Undo" name="imgUndo" class="butClass" src="icons/undo_off.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doCommand(this)"></td>
<td class="tdClass"><img ID="imgRedo" alt="Redo" name="imgRedo" class="butClass" src="icons/redo_off.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doCommand(this)"></td>
<td class="tdClass"><img ID="imgSubScript" alt="Subscript" name="imgSubScript" class="butClass" src="icons/subscript_off.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doCommand(this)"></td>
<td class="tdClass"><img ID="imgSuperScript" alt="SuperScript" name="imgSuperScript" class="butClass" src="icons/superscript_off.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doCommand(this)"></td>
<td class="tdClass"><img ID="imgOrderList" alt="Ordered List" name="imgOrderList" class="butClass" src="icons/orderedlist_off.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doCommand(this)"></td>
<td class="tdClass"><img ID="imgUnOrderList" alt="Unordered List" name="imgUnOrderList" class="butClass" src="icons/unorderedlist_off.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doCommand(this)"></td>
<td class="tdClass"><img alt="Outdent" ID="imgOutdent" name="imgOutdent" class="butClass" src="icons/outdent_off.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doCommand(this)"></td>
<td class="tdClass"><img alt="Indent" ID="imgIndent" name="imgIndent" class="butClass" src="icons/indent_off.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doCommand(this)"></td>
<td class="tdClass"> <!-- Insert the Style List -->
<select id="lstStyle" width="30px" onChange="doCommand(this);">
<option value="paragraph">Paragraph</option>
<option value="Heading 1">H1</option>
<option value="Heading 2">H2</option>
<option value="Heading 3">H3</option>
<option value="Heading 4">H4</option>
<option value="Heading 5">H5</option>
<option value="Heading 6">H6</option>
<option value="Heading 7">H7</option>
</select>
</td>
<td class="tdClass">
<Select id="lstFont" name="lstFont" width="30px" onChange="doCommand(this);">
<option value="Arial">Arial</option>
<option value="Courier">Courier</option>
<option value="Sans Serif">Sans Serif</option>
<option value="Tahoma">Tahoma</option>
<option value="Verdana">Verdana</option>
<option value="Wingdings">Wingdings</option>
</Select>
</td>
<td class="tdClass">
<select id="lstFontSize" onChange="doCommand(this);" width="30px">
<option value="1">Very Small</option>
<option value="2">Small</option>
<option value="3">Medium</option>
<option value="4">Large</option>
<option value="5">Larger</option>
<option value="6">Very Large</option>
<option value="7">Extra Large</option>
</select>
</td>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD class="tdClass">
<TABLE id="table2" class="tblTable">
<TR>
<TD class="tdClass">
<td class="tdClass"><img ID="imgBold" alt="Bold" name="imgBold" class="butClass" src="icons/bold_off.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doCommand(this)"></td>
<td class="tdClass"><img ID="imgItalic" alt="Italic" name="imgItalic" class="butClass" src="icons/italic_off.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doCommand(this)"></td>
<td class="tdClass"><img ID="imgUnderLine" alt="Underline" name="imgUnderLine" class="butClass" src="icons/underline_off.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doCommand(this)"></td>
<td class="tdClass"><img ID="imgBoldItalic" alt="Bold Italic UnderLine" name="imgBoldItalic" class="butClass" src="icons/bolditalicunderline_off.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doCommand(this)"></td>
<td class="tdClass"><img ID="imgStrikeThrough" alt="Strike Trhough" name="imgStrikeThrough" class="butClass" src="icons/strikethrough_off.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doCommand(this)"></td>
<td class="tdClass"><img src="icons/separator.gif"></td>
<td class="tdClass"><img ID="imgAlignLeft" alt="Left Align" name="imgAlignLeft" class="butClass" src="icons/alignleft_off.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doCommand(this)"></td>
<td class="tdClass"><img ID="imgAlignCenter" alt="Center Align" name="imgAlignCenter" class="butClass" src="icons/aligncenter_off.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doCommand(this)"></td>
<td class="tdClass"><img ID="imgAlignRight" alt="Right Align" name="imgAlignRight" class="butClass" src="icons/alignright_off.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doCommand(this)"></td>
<td class="tdClass"><img ID="imgAlignJustify" alt="Justify" name="imgAlignJustify" class="butClass" src="icons/alignjustify_off.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doCommand(this)"></td>
<td class="tdClass"><img src="icons/separator.gif"></td>
<td class="tdClass"><img ID="imgCut" alt="Cut" name="imgCut" class="butClass" src="icons/cut_off.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doCommand(this)"></td>
<td class="tdClass"><img ID="imgCopy" alt="Copy" name="imgCopy" class="butClass" src="icons/copy_off.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doCommand(this)"></td>
<td class="tdClass"><img ID="imgPaste" alt="Paste" name="imgPaste" class="butClass" src="icons/paste_off.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doCommand(this)"></td>
<td class="tdClass"><img ID="imgSpecialChar" alt="Special Character" name="imgSpecialChar" class="butClass" src="icons/specialchars_off.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doCommand(this)"></td>
<td class="tdClass"><img src="icons/separator.gif"></td>
<td class="tdClass"><img ID="imgImage" alt="Insert Image" name="imgImage" class="butClass" src="icons/image_off.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doCommand(this)"></td>
<td class="tdClass"><img ID="imgLink" alt="Hyper Link" name="imgLink" class="butClass" src="icons/link_off.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doCommand(this)"></td>
<td class="tdClass"><img ID="imgLine" alt="Insert Line" name="imgLine" class="butClass" src="icons/line_off.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doCommand(this)"></td>
<td class="tdClass"><img ID="imgFontColor" alt="Text Color" name="imgFontColor" class="butClass" src="icons/fontcolor_off.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doCommand(this)"></td>
<td class="tdClass"><img ID="imgHighLight" alt="Highlight Color" name="imgHighLight" class="butClass" src="icons/highlight_off.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doCommand(this)"></td>
<td class="tdClass"><img ID="imgSmile" alt="Insert Smiles" name="imgSmile" class="butClass" src="icons/1.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doCommand(this)"></td>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD class="tdClass">
<TABLE id="table3" class="tblTable">
<TR>
<TD class="tdClass">
<IFrame name="myRTF" ID="myRTF" class="EditControl"></IFrame>
</TD>
</TR>
<TR>
<td align="right" class="tdClass">
<img alt="HTML View" ID="imgCustom" name="imgCustom" class="butClass" src="icons/customtag_off.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doCommand(this)">
<img alt="About" ID="imgAbout" name="imgAbout" class="butClass" src="icons/about_off.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doCommand(this)">
</td>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
<script>
//Set the IFRame to Desing Mode.
myRTF.document.designMode='on';
</script>
</body>
</HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -