📄 html_edit.htm
字号:
<html>
<head>
<title>HTML编辑器</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 class="Btn" TITLE="插入Flash" LANGUAGE="javascript" onclick="forswf()"><img class="Ico" src="images/swf.gif" WIDTH="20" HEIGHT="20"></div>
<div class="Btn" TITLE="插入Window Media" LANGUAGE="javascript" onclick="forwmv()"><img class="Ico" src="images/wmv.gif" WIDTH="20" HEIGHT="20"></div>
<div class="Btn" TITLE="插入Real Media" LANGUAGE="javascript" onclick="forrm()"><img class="Ico" src="images/rm.gif" WIDTH="20" HEIGHT="20"></div>
<div class="TBSep"></div>
<div class="TBGen" TITLE="欢迎使用HTML代码编辑器"><font size=2px> 编辑完请按提交 → </font></div>
<div class="Btn" TITLE="提交" onclick="javascript:handin();"><img class="Ico" src="images/save.gif" WIDTH="16" HEIGHT="16"></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>
<option VALUE="<PRE>">已编排格式</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="<H7>">标题七</option>
</select>
<select id="specialtype" class="TBGen" onchange="doSelectClick('FormatBlock',this)" style="font: icon; width: 100px;">
<option>特殊字体格式</option>
<option VALUE="SUP">上标</option>
<option VALUE="SUB">下标</option>
<option VALUE="DEL">删除线</option>
<option VALUE="BLINK">闪烁</option>
<option VALUE="BIG">增大字体</option>
<option VALUE="SMALL">减小字体</option>
</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>
<option value="宋体">宋体</option>
<option value="黑体">黑体</option>
<option value="楷体_GB2312">楷体</option>
<option value="仿宋_GB2312">仿宋</option>
<option value="隶书">隶书</option>
<option value="幼圆">幼圆</option>
<option value="新宋体">新宋体</option>
<option value="细明体">细明体</option>
<option value="Arial">Arial</option>
<option value="Arial Black">Arial Black</option>
<option value="Arial Narrow">Arial Narrow</option>
<option value="Bradley Hand ITC">Bradley Hand ITC</option>
<option value="Brush Script MT">Brush Script MT</option>
<option value="Century Gothic">Century Gothic</option>
<option value="Comic Sans MS">Comic Sans MS</option>
<option value="Courier">Courier</option>
<option value="Courier New">Courier New</option>
<option value="MS Sans Serif">MS Sans Serif</option>
<option value="Script">Script</option>
<option value="System">System</option>
<option value="Times New Roman">Times New Roman</option>
<option value="Viner Hand ITC">Viner Hand ITC</option>
<option value="Verdana">Verdana</option>
<option value="Wide Latin">Wide Latin</option>
<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>
<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="TBGen" id="EditMode" title="查看HTML源代码"> <input onclick="setMode(this.checked);" name=viewhtml type="checkbox">查看HTML源代码 </div>
<div class="TBGen" id="EditMode" title="使用Ubb标签(只支持简单的字体设置)"> <input onclick="ubbcode();" type="checkbox">使用Ubb标签提交</div>
</div>
<div class="TBSep"></div>
<iframe class="Composition" ID="Composition" MARGINHEIGHT="1" MARGINWIDTH="1" width="100%" height="279"></iframe>
<script src="edit.js" type="text/javascript"></script>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -