📄 edit.asp
字号:
<html>
<head>
<title>在线编辑HTML页面</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link rel="StyleSheet" type="text/css" href="edit.css">
<script src="edit.js" type="text/javascript"></script>
</head>
<body bgcolor="menu">
<!--上传所需信息-->
<form method="post" action="savehtm.asp" name="form1">
<font color='red'><small>标题名称</small></font><input type="text" name="title" size="30" value="标题"><small>(如:第1讲 简介)</small>
<input type="hidden" name="body">
</form>
<!-- 下面是工具栏的所有按钮 -->
<table>
<tr>
<td><img src="image/SaveAs.gif" class="buttNone" Onclick="MySave()" onmousedown="butt(this,2)" onmouseover="butt(this,1)" onmouseout="butt(this,0)" onmouseup="butt(this,1)" title="保存"></td>
<td width="2"><img src="image/separator.gif"></td>
<td><img src="image/Cut.gif" class="buttNone" Onclick="F('Cut')" onmousedown="butt(this,2)" onmouseover="butt(this,1)" onmouseout="butt(this,0)" onmouseup="butt(this,1)" title="剪切"></td>
<td><img src="image/Copy.gif" class="buttNone" Onclick="F('Copy')" onmousedown="butt(this,2)" onmouseover="butt(this,1)" onmouseout="butt(this,0)" onmouseup="butt(this,1)" title="复制"></td>
<td><img src="image/Paste.gif" class="buttNone" Onclick="F('Paste')" onmousedown="butt(this,2)" onmouseover="butt(this,1)" onmouseout="butt(this,0)" onmouseup="butt(this,1)" title="粘贴"></td>
<td><img src="image/Delete.gif" class="buttNone" Onclick="F('Delete')" onmousedown="butt(this,2)" onmouseover="butt(this,1)" onmouseout="butt(this,0)" onmouseup="butt(this,1)" title="删除"></td>
<td width="2"><img src="image/separator.gif"></td>
<td><img src="image/Undo.gif" class="buttNone" Onclick="F('Undo')" onmousedown="butt(this,2)" onmouseover="butt(this,1)" onmouseout="butt(this,0)" onmouseup="butt(this,1)" title="撤销"></td>
<td><img src="image/Redo.gif" class="buttNone" Onclick="F('Redo')" onmousedown="butt(this,2)" onmouseover="butt(this,1)" onmouseout="butt(this,0)" onmouseup="butt(this,1)" title="重作"></td>
<td width="2"><img src="image/separator.gif"></td>
<td><img src="image/JustifyLeft.gif" class="buttNone" Onclick="F('JustifyLeft')" onmousedown="butt(this,2)" onmouseover="butt(this,1)" onmouseout="butt(this,0)" onmouseup="butt(this,1)" title="向左对齐"></td>
<td><img src="image/JustifyCenter.gif" class="buttNone" Onclick="F('JustifyCenter')" onmousedown="butt(this,2)" onmouseover="butt(this,1)" onmouseout="butt(this,0)" onmouseup="butt(this,1)" title="中间对齐"></td>
<td><img src="image/JustifyRight.gif" class="buttNone" Onclick="F('JustifyRight')" onmousedown="butt(this,2)" onmouseover="butt(this,1)" onmouseout="butt(this,0)" onmouseup="butt(this,1)" title="向右对齐"></td>
<td><img src="image/Indent.gif" class="buttNone" Onclick="F('Indent')" onmousedown="butt(this,2)" onmouseover="butt(this,1)" onmouseout="butt(this,0)" onmouseup="butt(this,1)" title="增加缩进"></td>
<td><img src="image/Outdent.gif" class="buttNone" Onclick="F('Outdent')" onmousedown="butt(this,2)" onmouseover="butt(this,1)" onmouseout="butt(this,0)" onmouseup="butt(this,1)" title="减少缩进"></td>
<td width="2"><img src="image/separator.gif"></td>
<td><img src="image/InsertOrderedList.gif" class="buttNone" Onclick="F('InsertOrderedList')" onmousedown="butt(this,2)" onmouseover="butt(this,1)" onmouseout="butt(this,0)" onmouseup="butt(this,1)" title="数字编号"></td>
<td><img src="image/InsertUnorderedList.gif" class="buttNone" Onclick="F('InsertUnorderedList')" onmousedown="butt(this,2)" onmouseover="butt(this,1)" onmouseout="butt(this,0)" onmouseup="butt(this,1)" title="无数字编号"></td>
<td width="2"><img src="image/separator.gif"></td>
<td><img src="image/CreateLink.gif" class="buttNone" Onclick="CreateLink()" onmousedown="butt(this,2)" onmouseover="butt(this,1)" onmouseout="butt(this,0)" onmouseup="butt(this,1)" title="插入超级链接"></td>
<td><img src="image/InsertImage.gif" class="buttNone" Onclick="InsertImg('InsertImage')" onmousedown="butt(this,2)" onmouseover="butt(this,1)" onmouseout="butt(this,0)" onmouseup="butt(this,1)" title="插入图片"></td>
<td><img src="image/InsertTable.gif" class="buttNone" Onclick="InsertTable()" onmousedown="butt(this,2)" onmouseover="butt(this,1)" onmouseout="butt(this,0)" onmouseup="butt(this,1)" title="插入表格"></td>
<td width="2"><img src="image/separator.gif"></td>
<td><img src="image/InsertHorizontalRule.gif" class="buttNone" Onclick="F('InsertHorizontalRule')" onmousedown="butt(this,2)" onmouseover="butt(this,1)" onmouseout="butt(this,0)" onmouseup="butt(this,1)" title="插入水平线"></td>
<td><img src="image/bgcolor.gif" class="buttNone" Onclick="SetBackColor()" onmousedown="butt(this,2)" onmouseover="butt(this,1)" onmouseout="butt(this,0)" onmouseup="butt(this,1)" title="设置背景色"></td>
<td><img src="image/forecolor.gif" class="buttNone" Onclick="SetForeColor()" onmousedown="butt(this,2)" onmouseover="butt(this,1)" onmouseout="butt(this,0)" onmouseup="butt(this,1)" title="字体颜色"></td>
</tr>
</table>
<table>
<tr>
<td>
<select style="width: 80" onchange="F('FormatBlock',this.value);this.selectedIndex=0"
name="FormatBlock" size="1" title="样式">
<option selected value="">(样式)</option>
<option value="<PRE>">一般
<option value="<H1>">标题1
<option value="<H2>">标题2
<option value="<H3>">标题3
<option value="<H4>">标题4
<option value="<H5>">标题5
<option value="<H6>">标题6
<option value="<H7>">标题7
</select>
</td>
<td>
<select style="width: 80" onchange="F('FontName',this.value);this.selectedIndex=0"
name="selectFontName" size="1" title="字体">
<option selected>(字体)</option>
<option value="宋体">宋体
<option value="楷体_GB2312">楷体
<option value="隶书">隶书
<option value="黑体">黑体
<option value="仿宋_GB2312">仿宋
</select>
</td>
<td>
<select style="width: 80" onchange="F('FontSize',this.value);this.selectedIndex=0"
name="selectFontSize" size="1" title="字体大小">
<option selected>(大小)</option>
<option value="7">1
<option value="6">2
<option value="5">3
<option value="4">4
<option value="3">5
<option value="2">6
<option value="1">7
</select>
</td>
<td width="2"><img src="image/separator.gif"></td>
<td><img src="image/Bold.gif" class="buttNone" Onclick="F('Bold')" onmousedown="butt(this,2)" onmouseover="butt(this,1)" onmouseout="butt(this,0)" onmouseup="butt(this,1)" title="黑体"></td>
<td><img src="image/Italic.gif" class="buttNone" Onclick="F('Italic')" onmousedown="butt(this,2)" onmouseover="butt(this,1)" onmouseout="butt(this,0)" onmouseup="butt(this,1)" title="斜体"></td>
<td><img src="image/Underline.gif" class="buttNone" Onclick="F('Underline')" onmousedown="butt(this,2)" onmouseover="butt(this,1)" onmouseout="butt(this,0)" onmouseup="butt(this,1)" title="下划线"></td>
<td><img src="image/Subscript.gif" class="buttNone" Onclick="F('Subscript')" onmousedown="butt(this,2)" onmouseover="butt(this,1)" onmouseout="butt(this,0)" onmouseup="butt(this,1)" title="下标"></td>
<td><img src="image/Superscript.gif" class="buttNone" Onclick="F('Superscript')" onmousedown="butt(this,2)" onmouseover="butt(this,1)" onmouseout="butt(this,0)" onmouseup="butt(this,1)" title="上标"></td>
</tr>
</table>
<!-- 显示编辑框 -->
<iframe name="content" height="80%" width="100%"></iframe>
<input onclick="setMode(this.checked);" name="viewhtml" type="checkbox">查看HTML源代码
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -