📄 index.htm
字号:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<title>html在线编辑器</title>
<style type="text/css">
<!--
td {
font-size: 13px;
}
-->
</style>
<link rel="STYLESHEET" type="text/css" href="editor/editor.css">
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" bgColor=menu text="#000000">
<form action="do.php" method="post" name="form1" onreset="Reset(this)">
<table width="100%" height="100%" align="center" cellpadding="2" cellspacing="0" class="zhengwen">
<tr>
<td height="25">
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="menu" class="border2">
<tr>
<td height="25" class="border1"> <table height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="7" align="center"><div style="width:0px; height:19px;" class="border1"></div></td>
<td width="25" align="center" id="sty_new"><img src="images/new.gif" alt="重置" width="11" height="13" onclick="document.form1.reset()"></td>
<td width="25" align="center" id="sty_save">
<img src="images/save.gif" width="14" height="14" onclick="Save(document.form1)">
</td>
<td width="7" align="center"><div style="width:0px; height:19px;" class="border1"></div></td>
<td width="25" align="center" id="sty_cut"><img src="images/cut.gif" TITLE="剪切" LANGUAGE="javascript" onclick="format('cut');"></td>
<td width="25" align="center" id="sty_copy"><img src="images/copy.gif" TITLE="复制" LANGUAGE="javascript" onclick="format('copy');"></td>
<td width="25" align="center" id="sty_paste"><img src="images/paste.gif" TITLE="粘贴" LANGUAGE="javascript" onclick="format('paste');"></td>
<td width="25" align="center" id="sty_delete"><img src="images/delete.gif" TITLE="删除" LANGUAGE="javascript" onclick="format('delete');"></td>
<td width="7" align="center"><div style="width:0px; height:19px;" class="border1"></div></td>
<td width="25" align="center" id="sty_undo"><img src="images/undo.gif" TITLE="撤消" LANGUAGE="javascript" onclick="format('undo');"></td>
<td width="25" align="center" id="sty_redo"><img src="images/redo.gif" TITLE="恢复" LANGUAGE="javascript" onclick="format('redo');"></td>
<td width="7" align="center"><div style="width:0px; height:19px;" class="border1"></div></td>
<td> <input name="htmlMode" id="htmlMode" type="checkbox" onclick="setMode(this.checked);">
使用HTML 语法书写 </td>
<td width="7" align="center"><div style="width:0px; height:19px;" class="border1"></div></td>
<td width="25" align="center" id="sty_help">
<!--<img src="images/help.gif" width="16" height="16" TITLE="使用帮助" onclick="help();" LANGUAGE="javascript">-->
</td>
</tr>
</table></td>
</tr>
<tr id="insertPro" name="insertPro">
<td height="25" class="border1"><table height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="7" align="center"><div style="width:0px; height:19px;" class="border1"></div></td>
<td width="25" align="center" id="sty_wlink"><img src="images/Hyperlink.gif" width="18" height="18" TITLE="插入超级连接" onclick="CreateLink('CreateLink')" LANGUAGE="javascript"></td>
<td width="25" align="center" id="sty_Anchor"><img src="images/Anchor.gif" width="18" height="18" TITLE="插入命名锚记" onclick="insert_anchor()" LANGUAGE="javascript"></td>
<td width="7" align="center"><div style="width:0px; height:19px;" class="border1"></div></td>
<td width="25" align="center" id="sty_table"><img src="images/table.gif" width="18" height="18" TITLE="插入表格" onclick="fortable()" LANGUAGE="javascript"></td>
<td width="25" align="center" id="sty_image"><img src="images/Image.gif" width="18" height="18" TITLE="插入图像" onclick="insertimg()" LANGUAGE="javascript"></td>
<td width="25" align="center" id="sty_hr"><img src="images/HR.gif" width="18" height="18" TITLE="插入水平线" onclick="format('InsertHorizontalRule')" LANGUAGE="javascript"></td>
<td width="7" align="center"><div style="width:0px; height:19px;" class="border1"></div></td>
</tr>
</table>
</td>
</tr>
</table>
</tr>
<tr>
<td> <iframe class="theiframe" ID="theiframe" MARGINHEIGHT="1" MARGINWIDTH="1" width="100%" height="100%">
</iframe> <div name="oldContent" id="oldContent" style="display:none"></div>
<textarea rows="10" cols="80" name="Content" style="display:none"></textarea>
<input type="hidden" name="col" value="">
</td>
</tr>
<tr>
<td height="1"> <table width="100%" class="border2" id="formatPro">
<tr>
<td><table height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center"><font style="font-size: 12px;">格式</font>
<select name="sty_block" ID="sty_block" style="font-size:12px;width: 65px;" title="格式" onchange="doSelectClick('FormatBlock',this)">
<option selected>无</option>
<option VALUE="<PRE>">已编排格式</option>
<option VALUE="<H1>">标题一</option>
<option VALUE="<H2>">标题二</option>
<option VALUE="<H3>">标题三</option>
<option VALUE="<H4>">标题四 </select>
<select name="special_type" id="special_type" style="font-size: 12px; width: 65px;" onchange="specialtype(this)">
<option selected>无特殊</option>
<option VALUE="SUP">上标</option>
<option VALUE="SUB">下标</option>
<option VALUE="DEL">删除线</option>
<option VALUE="BLINK">闪烁</option>
<option VALUE="BIG">增大字体</option>
<option VALUE="SMALL">减小字体 </select>
<select name="sty_fontname" id="sty_fontname" title="字体名" style="font-size: 12px;" onChange="format('fontname',this[this.selectedIndex].value);" language="javascript">
<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 name="sty_fontsize" id="sty_fontsize" title="字号大小" style="font-size: 12px;;" onchange="format('fontsize',this[this.selectedIndex].value);" language="javascript">
<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> </td>
<td width="25" align="right"> <table width="20" height="20" border="1" cellspacing="1">
<tr>
<td align="right" valign="bottom" TITLE="字体颜色" LANGUAGE="javascript" onclick="setObjColor('sty_fontcolor_input','sty_fontcolor');" id="sty_fontcolor"><img src="" width="5" height="5" alt=""></td>
</tr>
</table></td>
<td width="20" align="center"><input name="sty_fontcolor_input" id="sty_fontcolor_input" type="text" size="6" style="font-size: 12px;" onblur="setObjColor_1('sty_fontcolor_input','sty_fontcolor');"></td>
</tr>
</table></td>
</tr>
<tr>
<td><table height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center"><font style="font-size: 12px;">链接</font>
<input type="text" name="sty_link" id="sty_link" style="font-size: 12px;" onblur="CreateLink('CreateLink',this.value)" ></td>
<td align="center"><font style="font-size: 12px;"> 目标</font>
<select name="sty_target" id="sty_target" style="font-size: 12px;" onchange="CreateLink_target(this.value)" disabled="true">
<option selected>无</option>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -