?? editortemp.html
字號:
<html>
<head>
<title>可視化編輯器</title>
<link rel="STYLESHEET" type="text/css" href="edit.css">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="menu" onload="InitDocument();" STYLE="margin:0pt;padding:0pt">
<div class="yToolbar" ID="ExtToolbar">
<div class="TBHandle"></div>
<div class="Btn" TITLE="刪除" LANGUAGE="javascript" onclick="format1('delete');">
<img class="Ico" src="images\delete.gif" WIDTH="16" HEIGHT="16">
</div>
<div class="Btn" TITLE="剪切" LANGUAGE="javascript" onclick="format1('cut');">
<img class="Ico" src="images\cut.gif" WIDTH="16" HEIGHT="16">
</div>
<div class="Btn" TITLE="復制" LANGUAGE="javascript" onclick="format1('copy');">
<img class="Ico" src="images\copy.gif" WIDTH="16" HEIGHT="16">
</div>
<div class="Btn" TITLE="粘貼" LANGUAGE="javascript" onclick="format1('paste');">
<img class="Ico" src="images\paste.gif" WIDTH="16" HEIGHT="16">
</div>
<div class="Btn" TITLE="撤消" LANGUAGE="javascript" onclick="format1('undo');">
<img class="Ico" src="images\undo.gif" WIDTH="17" HEIGHT="16">
</div>
<div class="Btn" TITLE="恢復" LANGUAGE="javascript" onclick="format1('redo');">
<img class="Ico" src="images\redo.gif" WIDTH="16" HEIGHT="16">
</div>
<div class="TBSep"></div>
<div class="Btn" TITLE="插入表格" LANGUAGE="javascript" onclick="fortable()">
<img class="Ico" src="images\table.gif" WIDTH="18" HEIGHT="18">
</div>
<div class="Btn" TITLE="插入超級連接" LANGUAGE="javascript" onclick="UserDialog('CreateLink')">
<img class="Ico" src="images\wlink.gif" WIDTH="22" HEIGHT="22">
</div>
<div class="Btn" TITLE="插入圖片" LANGUAGE="javascript" onclick="UserDialog('InsertImage');">
<img class="Ico" src="images\img.gif" WIDTH="22" HEIGHT="22">
</div>
<div class="Btn" TITLE="插入水平線" LANGUAGE="javascript" onclick="format('InsertHorizontalRule')">
<img class="Ico" src="images/hr.gif" WIDTH="16" HEIGHT="16">
</div>
<div class="TBSep"></div>
<div TITLE="VisualEditor" >
</div>
</div>
<div class="yToolbar">
<div class="TBHandle"></div>
<select ID="formatSelect" class="TBGen" title="段落格式" onchange="doSelectClick('FormatBlock',this)" style="font: icon; width: 80px;">
<option>段落格式</option>
<option VALUE="<P>">普通
<option VALUE="<PRE>">已編排格式
<option VALUE="<H1>">標題一
<option VALUE="<H2>">標題二
<option VALUE="<H3>">標題三
<option VALUE="<H4>">標題四
<option VALUE="<H5>">標題五
<option VALUE="<H6>">標題六
<option VALUE="<H7>">標題七
</select>
<select id="specialtype" class="TBGen" onchange="doSelectClick('FormatBlock',this)" style="font: icon; width: 100px;">
<option>特殊字體格式</option>
<option VALUE="SUP">上標
<option VALUE="SUB">下標
<option VALUE="DEL">刪除線
<option VALUE="BLINK">閃爍
<option VALUE="BIG">增大字體
<option VALUE="SMALL">減小字體
</select>
<div class="Btn" TITLE="字體顏色" LANGUAGE="javascript" onclick="foreColor();">
<img class="Ico" src="images\fgcolor.gif" WIDTH="23" HEIGHT="22">
</div>
<div class="TBSep"></div>
<div class="Btn" TITLE="加粗" LANGUAGE="javascript" onclick="format('bold');">
<img class="Ico" src="images\bold.gif" WIDTH="16" HEIGHT="16">
</div>
<div class="Btn" TITLE="斜體" LANGUAGE="javascript" onclick="format('italic');">
<img class="Ico" src="images\italic.gif" WIDTH="16" HEIGHT="16">
</div>
<div class="Btn" TITLE="下劃線" LANGUAGE="javascript" onclick="format('underline');">
<img class="Ico" src="images\underline.gif" WIDTH="16" HEIGHT="16">
</div>
<div class="TBSep"></div>
<div class="Btn" TITLE="左對齊" NAME="Justify" LANGUAGE="javascript" onclick="format('justifyleft');">
<img class="Ico" src="images\aleft.gif" WIDTH="17" HEIGHT="16">
</div>
<div class="Btn" TITLE="居中" NAME="Justify" LANGUAGE="javascript" onclick="format('justifycenter');">
<img class="Ico" src="images\center.gif" WIDTH="17" HEIGHT="16">
</div>
<div class="Btn" TITLE="右對齊" NAME="Justify" LANGUAGE="javascript" onclick="format('justifyright');">
<img class="Ico" src="images\aright.gif" WIDTH="16" HEIGHT="16">
</div>
<div class="TBSep"></div>
<div class="Btn" TITLE="編號" LANGUAGE="javascript" onclick="format('insertorderedlist');">
<img class="Ico" src="images\numlist.gif" WIDTH="18" HEIGHT="18">
</div>
<div class="Btn" TITLE="項目符號" LANGUAGE="javascript" onclick="format('insertunorderedlist');">
<img class="Ico" src="images\bullist.gif" WIDTH="18" HEIGHT="18">
</div>
<div class="Btn" TITLE="減少縮進量" LANGUAGE="javascript" onclick="format('outdent');">
<img class="Ico" src="images\outdent.gif" WIDTH="16" HEIGHT="16">
</div>
<div class="Btn" TITLE="增加縮進量" LANGUAGE="javascript" onclick="format('indent');">
<img class="Ico" src="images\indent.gif" WIDTH="16" HEIGHT="16">
</div>
<div class="TBSep"></div>
<div class="Btn" TITLE="使用幫助" LANGUAGE="javascript" onclick="help();">
<img class="Ico" src="images\help.gif" WIDTH="16" HEIGHT="16">
</div>
<div class="TBSep"></div>
</div>
<div class="yToolbar">
<div class="TBHandle"></div>
<div class="TBHandle"></div><select language="javascript" class="TBGen" id="FontName" title="字體名" onchange="format('fontname',this[this.selectedIndex].value);"><option class="heading" selected>字體<option value="宋體">宋體<option value="黑體">黑體<option value="楷體_GB2312">楷體<option value="仿宋_GB2312">仿宋<option value="隸書">隸書<option value="幼圓">幼圓<option value="新宋體">新宋體<option value="細明體">細明體<option value="Arial">Arial<option value="Arial Black">Arial Black<option value="Arial Narrow">Arial Narrow<option value="Bradley Hand ITC">Bradley
Hand ITC<option value="Brush Script MT">Brush Script MT<option value="Century Gothic">Century Gothic<option value="Comic Sans MS">Comic Sans
MS<option value="Courier">Courier<option value="Courier New">Courier New<option value="MS Sans Serif">MS Sans Serif<option value="Script">Script<option value="System">System<option value="Times New Roman">Times New Roman<option value="Viner Hand ITC">Viner Hand ITC<option value="Verdana">Verdana<option value="Wide Latin">Wide Latin<option value="Wingdings">Wingdings</option></select> <select language="javascript" class="TBGen" id="FontSize" title="字號大小" onchange="format('fontsize',this[this.selectedIndex].value);"> <option class="heading" selected>字號<option value="7">一號<option value="6">二號<option value="5">三號<option value="4">四號<option value="3">五號<option value="2">六號<option value="1">七號</option></select>
<div class="TBSep"></div>
<div class="TBGen" id="EditMode" title="查看HTML源代碼"><input onclick="setMode(this.checked);" name=viewhtml type="checkbox" checked>查看HTML源代碼 </div>
</div>
<div class="TBSep"></div>
<iframe class="Composition" ID="Composition" MARGINHEIGHT="1" MARGINWIDTH="1" width="100%" height="212">
</iframe>
<script src="edit.js" type="text/javascript"></script>
</body>
</html>
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -