⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 editor.asp

📁 1. 在界面的开头显示新闻添加的位置
💻 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="&lt;P&gt;">普通</option>
					<option value="&lt;H1&gt;">标题一</option>
					<option value="&lt;H2&gt;">标题二</option>
					<option value="&lt;H3&gt;">标题三</option>
					<option value="&lt;H4&gt;">标题四</option>
					<option value="&lt;H5&gt;">标题五</option>
					<option value="&lt;H6&gt;">标题六</option>
					<option value="&lt;p&gt;">段落</option>
					<option value="&lt;dd&gt;">定义</option>
					<option value="&lt;dt&gt;">术语定义</option>
					<option value="&lt;dir&gt;">目录列表</option>
					<option value="&lt;menu&gt;">菜单列表</option>
					<option value="&lt;PRE&gt;">已编排格式</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/forecolor.gif"></div>
					<div class="Btn" title="字体背景颜色" onclick="ShowDialog('dialog/selcolor.htm?action=backcolor', 280, 250, true)">
						<img class="Ico" src="Images/backcolor.gif"></div>
					<div class="Btn" title="对象背景颜色" onclick="ShowDialog('dialog/selcolor.htm?action=bgcolor', 280, 250, true)">
						<img class="Ico" src="Images/bgcolor.gif"></div>
					<div class="TBSep">
					</div>
					<div class="Btn" title="剪切" onclick="format('cut')">
						<img class="Ico" src="Images/cut.gif"></div>
					<div class="Btn" title="复制" onclick="format('copy')">
						<img class="Ico" src="Images/copy.gif"></div>
					<div class="Btn" title="纯文本粘贴" onclick="PasteText()">
						<img class="Ico" src="Images/pastetext.gif"></div>
					<div class="Btn" title="从Word中粘贴" onclick="PasteWord()">
						<img class="Ico" src="Images/pasteword.gif"></div>
					<div class="Btn" title="删除" onclick="format('delete')">
						<img class="Ico" src="Images/delete.gif"></div>
					<div class="Btn" title="删除文字格式" onclick="format('RemoveFormat')">
						<img class="Ico" src="Images/RemoveFormat.gif"></div>
					<div class="TBSep">
					</div>
					<div class="Btn" title="撤消" onclick="format('undo')">
						<img class="Ico" src="Images/undo.gif"></div>
					<div class="Btn" title="恢复" onclick="format('redo')">
						<img class="Ico" src="Images/redo.gif"></div>
					<div class="Btn" title="全部选中" onclick="format('SelectAll')">
						<img class="Ico" src="Images/selectAll.gif"></div>
					<div class="Btn" title="取消选择" onclick="format('Unselect')">
						<img class="Ico" src="Images/unselect.gif"></div>
					<div class="Btn" title="插入特殊字符" onclick="ShowDialog('dialog/symbol.htm', 350,220, true)"><img class="Ico" src="Images/symbol.gif"></div>
					<div class="Btn" title="代码样式" onclick="insert('code')">
						<img class="Ico" src="Images/code.gif"></div>
<div class="Btn" title="插入其他文件" onclick="ShowDialog('dialog/file.htm', 350, 125, true)">
						<img class="Ico" src="Images/file.gif"></div>
<div class="Btn" title="插入自动播放的媒体文件" onclick="ShowDialog('dialog/media.htm', 350, 185, true)">
					<img class="Ico" src="Images/Media.gif"></div>

					
				</div>
				</td>
			</tr>
			<tr>
				<td>
				<div class="yToolbar">

					<div class="Btn" title="粗体" onclick="format('bold')">
						<img class="Ico" src="Images/bold.gif"></div>
					<div class="Btn" title="斜体" onclick="format('italic')">
						<img class="Ico" src="Images/italic.gif"></div>
					<div class="Btn" title="下划线" onclick="format('underline')">
						<img class="Ico" src="Images/underline.gif"></div>
					<div class="Btn" title="中划线" onclick="format('StrikeThrough')">
						<img class="Ico" src="Images/strikethrough.gif"></div>
					<div class="TBSep">
					</div>
					<div class="Btn" title="左对齐" onclick="format('justifyleft')">
						<img class="Ico" src="Images/JustifyLeft.gif"></div>
					<div class="Btn" title="居中对齐" onclick="format('justifycenter')">
						<img class="Ico" src="Images/JustifyCenter.gif"></div>
					<div class="Btn" title="右对齐" onclick="format('justifyright')">
						<img class="Ico" src="Images/JustifyRight.gif"></div>
					<div class="Btn" title="两端对齐" onclick="format('JustifyFull')">
						<img class="Ico" src="Images/JustifyFull.gif"></div>
					<div class="TBSep">
					</div>
					<div class="Btn" title="编号" onclick="format('insertorderedlist')">
						<img class="Ico" src="Images/insertorderedlist.gif"></div>
					<div class="Btn" title="项目符号" onclick="format('insertunorderedlist')">
						<img class="Ico" src="Images/insertunorderedlist.gif"></div>
					<div class="Btn" title="增加缩进量" onclick="format('indent')">
						<img class="Ico" src="Images/indent.gif"></div>
					<div class="Btn" title="减少缩进量" onclick="format('outdent')">
						<img class="Ico" src="Images/outdent.gif"></div>
					<div class="TBSep">
					</div>
					<div class="Btn" title="上标" onclick="format('superscript')">
						<img class="Ico" src="Images/superscript.gif"></div>
					<div class="Btn" title="下标" onclick="format('subscript')">
						<img class="Ico" src="Images/subscript.gif"></div>
					<div class="TBSep">
					</div>
					<div class="Btn" title="插入或修改表格" onclick="ShowDialog('dialog/table.htm', 350, 335, true)">
						<img class="Ico" src="Images/table.gif"></div>
					<div class="Btn" title="插入或修改栏目框" onclick="ShowDialog('dialog/fieldset.htm', 350, 185, true)">
						<img class="Ico" src="Images/fieldset.gif"></div>
					<div class="Btn" title="插入或修改网页帧" onclick="ShowDialog('dialog/iframe.htm', 350, 205, true)">
						<img class="Ico" src="Images/iframe.gif"></div>
					<div class="Btn" title="插入水平尺" onclick="format('InsertHorizontalRule')">
						<img class="Ico" src="Images/InsertHorizontalRule.gif"></div>
					<div class="Btn" title="插入或修改字幕" onclick="ShowDialog('dialog/marquee.htm', 395, 150, true)">
						<img class="Ico" src="Images/Marquee.gif"></div>
					<div class="TBSep">
					</div>
					<div class="Btn" title="插入或修改超级链接" onclick="format('CreateLink')">
						<img class="Ico" src="Images/CreateLink.gif"></div>
					<div class="Btn" title="取消超级链接或标签" onclick="format('UnLink')">
						<img class="Ico" src="Images/Unlink.gif"></div>
					<div class="Btn" title="插入或修改图片" onclick="ShowDialog('dialog/img.htm', 350, 290, true)">
						<img class="Ico" src="Images/img.gif"></div>
					<div class="Btn" title="插入Flash动画" onclick="ShowDialog('dialog/flash.htm', 350, 185, true)">
						<img class="Ico" src="Images/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/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/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/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 + -