?? editor.asp
字號:
<head>
<title>在線文本編輯器</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
.yToolbar
{
}
TABLE.Toolbar
{
BORDER-RIGHT: #F8FCF8 1px solid;
}
TABLE.Toolbar TD
{
BACKGROUND-COLOR: buttonface;
BORDER-BOTTOM: #808080 1px solid;
BORDER-RIGHT: #808080 1px solid;
BORDER-TOP: #F8FCF8 1px solid;
HEIGHT: 27px;
LEFT: 0px;
POSITION: relative;
TOP: 0px;
}
.Btn
{
BACKGROUND-COLOR: buttonface;
BORDER-BOTTOM: buttonface 1px solid;
BORDER-LEFT: buttonface 1px solid;
BORDER-RIGHT: buttonface 1px solid;
BORDER-TOP: buttonface 1px solid;
HEIGHT: 23px;
POSITION: absolute;
TOP: 1px;
WIDTH: 23px;
}
.TBSep
{
BORDER-LEFT: #808080 1px solid;
BORDER-RIGHT: #F8FCF8 1px solid;
FONT-SIZE: 0px;
HEIGHT: 22px;
POSITION: absolute;
TOP: 1px;
WIDTH:1px
}
.TBGen
{
FONT: 8pt arial,sans-serif;
HEIGHT: 22px;
POSITION: absolute;
TOP: 2px
}
.TBHandle
{
BACKGROUND-COLOR: buttonface;
BORDER-LEFT: #F8FCF8 1px solid;
BORDER-RIGHT: #808080 1px solid;
BORDER-TOP: #F8FCF8 1px solid;
FONT-SIZE: 1px;
HEIGHT: 22px;
POSITION: absolute;
TOP: 1px;
WIDTH: 3px
}
.Ico
{
HEIGHT: 22px;
LEFT: -1px;
POSITION: absolute;
TOP: -1px;
WIDTH: 22px
}
.BtnMouseOverUp
{
BACKGROUND-COLOR: #B5BED6;
BORDER-BOTTOM: #08246B 1px solid;
BORDER-LEFT: #08246B 1px solid;
BORDER-RIGHT: #08246B 1px solid;
BORDER-TOP: #08246B 1px solid;
HEIGHT: 23px;
POSITION: absolute;
TOP: 1px;
WIDTH: 24px
}
.BtnMouseOverDown
{
BACKGROUND-COLOR: #8492B5;
BORDER-BOTTOM: #08246B 1px solid;
BORDER-LEFT: #08246B 1px solid;
BORDER-RIGHT: #08246B 1px solid;
BORDER-TOP: #08246B 1px solid;
HEIGHT: 23px;
POSITION: absolute;
TOP: 1px;
WIDTH: 24px
}
.BtnDown
{
BACKGROUND-COLOR: #DCDCDC;
BORDER-BOTTOM: #F8FCF8 1px solid;
BORDER-LEFT: #808080 1px solid;
BORDER-RIGHT: #F8FCF8 1px solid;
BORDER-TOP: #808080 1px solid;
HEIGHT: 23px;
POSITION: absolute;
TOP: 1px;
WIDTH: 24px
}
.IcoDown
{
HEIGHT: 23px;
LEFT: 0px;
POSITION: absolute;
TOP: 0px;
WIDTH: 24px
}
.IcoDownPressed
{
LEFT: 1px;
POSITION: absolute;
TOP: 1px
}
BODY
{
BACKGROUND-COLOR:#FFFFFF;
MARGIN: 0px;
PADDING: 0px;
}
SELECT
{
BACKGROUND: #eeeeee;
FONT: 8pt verdana,arial,sans-serif
}
TABLE
{
POSITION: relative
}
.Composition
{
BACKGROUND-COLOR: #cccccc;
POSITION: relative
}
</style>
<script language="Javascript" src="include/editor.js"></script>
<script language="Javascript">
var bEditMode=true;
var sCurrMode = "EDIT";
var bodyTag = "<head><style type=\"text/css\">body,a,table,div,span,td,th,input,select{font-size:12px;font-family:\"宋體,Verdana,Arial\";color:#000000;}</style><meta http-equiv=Content-Type content=\"text/html; charset=gb2312\"></head><body bgcolor=\"#FFFFFF\" MONOSPACE>" ;
var sContentName = "Content" ;
var objContent = parent.document.getElementsByName(sContentName)[0];
// 全局設置對象
var config = new Object() ;
config.AutoDetectPasteFromWord = true;
</script>
<script language="javascript" event="onerror(msg, url, line)" for="window">
return true ; // 隱藏錯誤
</script>
</head>
<body scrolling="no" oncontextmenu="event.returnValue=false;" onfocus="VerifyFocus()">
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr>
<td id="Editor_Tool">
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="Toolbar">
<tr>
<td>
<div class="yToolbar">
<div class="TBHandle">
</div>
<select class="TBGen" onchange="format('FormatBlock',this[this.selectedIndex].value);this.selectedIndex=0">
<option selected>段落樣式</option>
<option value="<P>">普通</option>
<option value="<H1>">標題一</option>
<option value="<H2>">標題二</option>
<option value="<H3>">標題三</option>
<option value="<H4>">標題四</option>
<option value="<H5>">標題五</option>
<option value="<H6>">標題六</option>
<option value="<p>">段落</option>
<option value="<dd>">定義</option>
<option value="<dt>">術語定義</option>
<option value="<dir>">目錄列表</option>
<option value="<menu>">菜單列表</option>
<option value="<PRE>">已編排格式</option>
</select><select class="TBGen" onchange="format('fontsize',this[this.selectedIndex].value);this.selectedIndex=0">
<option selected>字號</option>
<option value="7">一號</option>
<option value="6">二號</option>
<option value="5">三號</option>
<option value="4">四號</option>
<option value="3">五號</option>
<option value="2">六號</option>
<option value="1">七號</option>
</select><div class="TBSep">
</div>
<div class="Btn" title="字體顏色" onclick="ShowDialog('dialog/selcolor.htm?action=forecolor', 280, 250, true)">
<img class="Ico" src="Images/edit/forecolor.gif"></div>
<div class="Btn" title="字體背景顏色" onclick="ShowDialog('dialog/selcolor.htm?action=backcolor', 280, 250, true)">
<img class="Ico" src="Images/edit/backcolor.gif"></div>
<div class="Btn" title="對象背景顏色" onclick="ShowDialog('dialog/selcolor.htm?action=bgcolor', 280, 250, true)">
<img class="Ico" src="Images/edit/bgcolor.gif"></div>
<div class="TBSep">
</div>
<div class="Btn" title="剪切" onclick="format('cut')">
<img class="Ico" src="Images/edit/cut.gif"></div>
<div class="Btn" title="復制" onclick="format('copy')">
<img class="Ico" src="Images/edit/copy.gif"></div>
<div class="Btn" title="純文本粘貼" onclick="PasteText()">
<img class="Ico" src="Images/edit/pastetext.gif"></div>
<div class="Btn" title="從Word中粘貼" onclick="PasteWord()">
<img class="Ico" src="Images/edit/pasteword.gif"></div>
<div class="Btn" title="刪除" onclick="format('delete')">
<img class="Ico" src="Images/edit/delete.gif"></div>
<div class="Btn" title="刪除文字格式" onclick="format('RemoveFormat')">
<img class="Ico" src="Images/edit/RemoveFormat.gif"></div>
<div class="TBSep">
</div>
<div class="Btn" title="撤消" onclick="format('undo')">
<img class="Ico" src="Images/edit/undo.gif"></div>
<div class="Btn" title="恢復" onclick="format('redo')">
<img class="Ico" src="Images/edit/redo.gif"></div>
<div class="Btn" title="全部選中" onclick="format('SelectAll')">
<img class="Ico" src="Images/edit/selectAll.gif"></div>
<div class="Btn" title="取消選擇" onclick="format('Unselect')">
<img class="Ico" src="Images/edit/unselect.gif"></div>
<div class="Btn" title="插入特殊字符" onclick="ShowDialog('dialog/symbol.htm', 350,220, true)"><img class="Ico" src="Images/edit/symbol.gif"></div>
<div class="Btn" title="代碼樣式" onclick="insert('code')">
<img class="Ico" src="Images/edit/code.gif"></div>
<div class="Btn" title="插入其他文件" onclick="ShowDialog('dialog/file.htm', 350, 125, true)">
<img class="Ico" src="Images/edit/file.gif"></div>
<div class="Btn" title="插入自動播放的媒體文件" onclick="ShowDialog('dialog/media.htm', 350, 185, true)">
<img class="Ico" src="Images/edit/Media.gif"></div>
</div>
</td>
</tr>
<tr>
<td>
<div class="yToolbar">
<div class="Btn" title="粗體" onclick="format('bold')">
<img class="Ico" src="Images/edit/bold.gif"></div>
<div class="Btn" title="斜體" onclick="format('italic')">
<img class="Ico" src="Images/edit/italic.gif"></div>
<div class="Btn" title="下劃線" onclick="format('underline')">
<img class="Ico" src="Images/edit/underline.gif"></div>
<div class="Btn" title="中劃線" onclick="format('StrikeThrough')">
<img class="Ico" src="Images/edit/strikethrough.gif"></div>
<div class="TBSep">
</div>
<div class="Btn" title="左對齊" onclick="format('justifyleft')">
<img class="Ico" src="Images/edit/JustifyLeft.gif"></div>
<div class="Btn" title="居中對齊" onclick="format('justifycenter')">
<img class="Ico" src="Images/edit/JustifyCenter.gif"></div>
<div class="Btn" title="右對齊" onclick="format('justifyright')">
<img class="Ico" src="Images/edit/JustifyRight.gif"></div>
<div class="Btn" title="兩端對齊" onclick="format('JustifyFull')">
<img class="Ico" src="Images/edit/JustifyFull.gif"></div>
<div class="TBSep">
</div>
<div class="Btn" title="編號" onclick="format('insertorderedlist')">
<img class="Ico" src="Images/edit/insertorderedlist.gif"></div>
<div class="Btn" title="項目符號" onclick="format('insertunorderedlist')">
<img class="Ico" src="Images/edit/insertunorderedlist.gif"></div>
<div class="Btn" title="增加縮進量" onclick="format('indent')">
<img class="Ico" src="Images/edit/indent.gif"></div>
<div class="Btn" title="減少縮進量" onclick="format('outdent')">
<img class="Ico" src="Images/edit/outdent.gif"></div>
<div class="TBSep">
</div>
<div class="Btn" title="上標" onclick="format('superscript')">
<img class="Ico" src="Images/edit/superscript.gif"></div>
<div class="Btn" title="下標" onclick="format('subscript')">
<img class="Ico" src="Images/edit/subscript.gif"></div>
<div class="TBSep">
</div>
<div class="Btn" title="插入或修改表格" onclick="ShowDialog('dialog/table.htm', 350, 335, true)">
<img class="Ico" src="Images/edit/table.gif"></div>
<div class="Btn" title="插入或修改欄目框" onclick="ShowDialog('dialog/fieldset.htm', 350, 185, true)">
<img class="Ico" src="Images/edit/fieldset.gif"></div>
<div class="Btn" title="插入或修改網頁幀" onclick="ShowDialog('dialog/iframe.htm', 350, 205, true)">
<img class="Ico" src="Images/edit/iframe.gif"></div>
<div class="Btn" title="插入水平尺" onclick="format('InsertHorizontalRule')">
<img class="Ico" src="Images/edit/InsertHorizontalRule.gif"></div>
<div class="Btn" title="插入或修改字幕" onclick="ShowDialog('dialog/marquee.htm', 395, 150, true)">
<img class="Ico" src="Images/edit/Marquee.gif"></div>
<div class="TBSep">
</div>
<div class="Btn" title="插入或修改超級鏈接" onclick="format('CreateLink')">
<img class="Ico" src="Images/edit/CreateLink.gif"></div>
<div class="Btn" title="取消超級鏈接或標簽" onclick="format('UnLink')">
<img class="Ico" src="Images/edit/Unlink.gif"></div>
<div class="Btn" title="插入或修改圖片" onclick="ShowDialog('dialog/img.htm', 350, 290, true)">
<img class="Ico" src="Images/edit/img.gif"></div>
<div class="Btn" title="插入Flash動畫" onclick="ShowDialog('dialog/flash.htm', 350, 185, true)">
<img class="Ico" src="Images/edit/flash.gif"></div>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="100%">
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr>
<td height="100%"><input type="hidden" id="ContentEdit" value>
<input type="hidden" id="ContentLoad" value>
<input type="hidden" id="ContentFlag" value="0">
<iframe class="Composition" id="Editor" marginheight="1" marginwidth="1" width="100%" height="100%" scrolling="yes">
</iframe></td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="20" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="left" valign="top" id="Editor_CODE" style="display:none">
<map name="Editor_Map1">
<area shape="polygon" coords="50, 1, 46, 7, 50, 14, 90, 14, 95, 2" alt="編輯狀態" onclick="setMode('EDIT')">
<area shape="polygon" coords="128, 13, 134, 0, 96, 0, 93, 10, 96, 14" alt="預覽狀態" onclick="setMode('VIEW')">
</map>
<img src="Images/edit/modecode.gif" style="cursor:hand" height="15" width="135" usemap="#Editor_Map1" border="0"></td>
<td align="left" valign="top" id="Editor_EDIT">
<map name="Editor_Map2">
<area shape="polygon" coords="5, 3, 12, 14, 43, 14, 49, 6, 43, 0" alt="代碼狀態" onclick="setMode('CODE')">
<area shape="polygon" coords="97, 0, 94, 7, 98, 14, 127, 14, 134, 0" alt="預覽狀態" onclick="setMode('VIEW')">
</map>
<img src="Images/edit/modeedit.gif" style="cursor:hand" height="15" width="135" usemap="#Editor_Map2" border="0"></td>
<td align="left" valign="top" id="Editor_VIEW" style="display:none">
<map name="Editor_Map3">
<area shape="polygon" coords="3, 2, 10, 14, 41, 14, 50, 0" alt="代碼狀態" onclick="setMode('CODE')">
<area shape="polygon" coords="87, 14, 91, 5, 87, 0, 50, 0, 46, 9, 49, 14" alt="編輯狀態" onclick="setMode('EDIT')">
</map>
<img src="Images/edit/modepreview.gif" style="cursor:hand" height="15" width="135" usemap="#Editor_Map3" border="0"></td>
</tr>
</table>
</td>
</tr>
</table>
<div id="divTemp" style="VISIBILITY: hidden; OVERFLOW: hidden; POSITION: absolute; WIDTH: 1px; HEIGHT: 1px"></div>
</body>?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -