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

📄 editor.asp

📁 OFFICE办公自动化
💻 ASP
字号:
🔍 
<%
'功能：网页编辑器
'展亮编写
'参数：request("edit")=str #读入编辑内容的SQL语句

'response.buffer=false
'------------------------------------------------设置参数
edit=request("edit") '读入编辑内容的SQL语句
'------------------------------------------------
%>
<html>
<head>
<title>HTML编辑器</title>
<link rel="STYLESHEET" type="text/css" href="../css/edit.css">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JavaScript">
<!--
function save()
{
  NoBorder(0);
  if (aTextMode==1) {
	tmp=""+addhead+Composition.document.body.innerText+"";
	Composition.document.open();
	Composition.document.write(tmp);
	Composition.document.close();
	thishtml=""+Composition.document.body.innerHTML+"";
  }
  if (aTextMode==0) thishtml=""+Composition.document.body.innerHTML+"";
  NoBorder(1);
  
  return thishtml;
}
-->
</script>
</head>

<body scroll="no" onload="InitDocument();" class="Body">

<div class="yToolbar">
  <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="16" 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="format('InsertHorizontalRule')">
    <img class="Ico" src="../images/hr.gif" WIDTH="16" HEIGHT="16">
  </div>
  <div class="Btn" TITLE="插入超级连接" LANGUAGE="javascript" onclick="UserDialog('CreateLink')">
    <img class="Ico" src="../images/wlink.gif" WIDTH="16" HEIGHT="16">
  </div>
  <div class="Btn" TITLE="插入图片" LANGUAGE="javascript" onclick="InsertImage();">
    <img class="Ico" src="../images/img.gif" WIDTH="16" HEIGHT="16">
  </div>
  <div class="Btn" TITLE="插入文档" LANGUAGE="javascript" onclick="InsertWord();">
    <img class="Ico" src="../images/word.gif" WIDTH="16" HEIGHT="16">
  </div>
  <div class="Btn" TITLE="插入表格" LANGUAGE="javascript" onclick="fortable()">
    <img class="Ico" src="../images/table.gif" WIDTH="16" HEIGHT="16">
  </div>
</div>

<div class="yToolbar">
  <div class="TBHandle"></div>
  <div class="Btn" TITLE="字体颜色" LANGUAGE="javascript" onclick="foreColor();">
    <img class="Ico" src="../images/fgcolor.gif" WIDTH="16" HEIGHT="16">
  </div>
  <div class="Btn" TITLE="去除格式" LANGUAGE="javascript" onclick="format('RemoveFormat');">
    <img class="Ico" src="../images/unformat.gif" WIDTH="16" HEIGHT="16">
  </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="16" HEIGHT="16">
  </div>
  <div class="Btn" TITLE="居中" NAME="Justify" LANGUAGE="javascript" onclick="format('justifycenter');">
    <img class="Ico" src="../images/center.gif" WIDTH="16" 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="16" HEIGHT="16">
  </div>
  <div class="Btn" TITLE="项目符号" LANGUAGE="javascript" onclick="format('insertunorderedlist');">
    <img class="Ico" src="../images/bullist.gif" WIDTH="16" HEIGHT="16">
  </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>

<div class="yToolbar">
  <div class="TBHandle"></div>
  <div class="TBGen">
  <select id="formatselect" title="段落格式" onchange="doSelectClick('FormatBlock',this)" style="font: icon;">
		<option selected>段落格式</option>
		<option VALUE="<P>">普通
		<option VALUE="<PRE>">格式化文本
		<option VALUE="<ADDRESS>">地址
		<option VALUE="<UL>">项目列表
		<option VALUE="<OL>">编号列表
		<option VALUE="<H1>">标题1
		<option VALUE="<H2>">标题2
		<option VALUE="<H3>">标题3
		<option VALUE="<H4>">标题4
		<option VALUE="<H5>">标题5
		<option VALUE="<H6>">标题6
  </select>
  </div>
  <div class="TBGen">
  <select id="fontselect" title="字体名" onchange="format('fontname',this[this.selectedIndex].value);" style="font: icon;">
		<option selected>(默认字体)</option>
		<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
  </select>
  </div>
  <div class="TBGen">
  <select id="sizeselect" title="字号大小" onchange="format('fontsize',this[this.selectedIndex].value);" style="font: icon;">
		<option selected>普通</option>
		<option value="1">1  (8 磅)
		<option value="2">2  (10 磅)
		<option value="3">3  (12 磅)
		<option value="4">4  (14 磅)
		<option value="5">5  (18 磅)
		<option value="6">6  (24 磅)
		<option value="7">7  (36 磅)
  </select>
  </div>
  <div class="TBGen">
  <select id="specialtype" title="特殊字体格式" onchange="doSelectClick('FormatBlock',this)" style="font: icon;">
		<option selected>特殊字体格式</option>
		<option VALUE="SUP">上标
		<option VALUE="SUB">下标
		<option VALUE="DEL">删除线
		<option VALUE="BLINK">闪烁
		<option VALUE="BIG">增大字体
		<option VALUE="SMALL">减小字体
  </select>
  </div>
</div>

<script src="../js/edit.js" type="text/javascript"></script>

<iframe class="Composition" id="Composition" border=0 src="<%if edit<>"" then response.write("editor_load.asp?edit="&edit)%>" marginheight="0" marginwidth="0" width="100%" height="100%" scrolling="yes"></iframe>

<div id="switchDiv" style="position:absolute; left=0;">
    <map name="map_mode">
    <area onclick="setMode(0);" alt="可视化编辑" shape="polygon" coords="3, 0, 10, 14, 41, 14, 48, 0">
    <area onclick="setMode(1);" alt="查看HTML源代码" shape="polygon" coords="49, 0, 46, 7, 49, 14, 81, 14, 88, 0">
    <area onclick="setMode(2);" alt="预览网页效果" shape="polygon" coords="89, 0, 86, 7, 89, 14, 119, 14, 126, 0">
    </map>
    <img border="0" id="modmenu0" src="../images/mode_0.gif" usemap="#map_mode" width="126" height="15">
    <img border="0" id="modmenu1" src="../images/mode_1.gif" style="display: none" usemap="#map_mode" width="126" height="15">
    <img border="0" id="modmenu2" src="../images/mode_2.gif" style="display: none" usemap="#map_mode" width="126" height="15">
</div>
<div id="BorderMode" title='突出显示表格 (可显示边框为"0"的表格)' style="position:absolute; right=20; font: icon;"> <input id="SeleckBorder" type="checkbox" onclick="NoBorder(1)">突出显示表格</div>

</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -