📄 index.php
字号:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script src="edit.js"></script>
<script src="getmenu.js"></script>
<script language="JScript">
document.onmousedown = doDown;
function doDown() {
if (window.event.button > 1) {
alert("欢迎使用在线编辑器");
}
EditorID.document.selection.createRange();
}
</script>
<link href="style.css" rel="stylesheet">
<title>无标题文档</title>
</head>
<body leftmargin="0" topmargin="0">
<center>
<object id=dlgHelper classid="clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b" width="0px" height="0px">
<embed width="0px" height="0px"> </embed> </object>
<table width="625" height="21" border="0" cellpadding="0" cellspacing="0">
<form name="form" action="" method="post">
<tr>
<td><table width="624" border="0" cellspacing="0" cellpadding="0" id="editbar">
<tr>
<td height="22"> <table height="20" border="0" cellpadding="0" cellspacing="0">
<tr align="center">
<td width="55" onMouseOver="this.className='overBorder'" onMouseOut="this.className='outBorder'" onClick="this.className='donwBorder';getmenu('file');"><img src="images/file.gif"></td>
<td width="55" onMouseOver="this.className='overBorder'" onMouseOut="this.className='outBorder'" onClick="this.className='donwBorder';getmenu('edit');"><img src="images/edit.gif"></td>
<td width="55" onMouseOver="this.className='overBorder'" onMouseOut="this.className='outBorder'" onClick="this.className='donwBorder';getmenu('view');"><img src="images/view.gif"></td>
<td width="55" onMouseOver="this.className='overBorder'" onMouseOut="this.className='outBorder'" onClick="this.className='donwBorder';getmenu('input');"><img src="images/input.gif"></td>
<td width="55" onMouseOver="this.className='overBorder'" onMouseOut="this.className='outBorder'" onClick="this.className='donwBorder';getmenu('modify');"><img src="images/modify.gif"></td>
<td width="55" onMouseOver="this.className='overBorder'" onMouseOut="this.className='outBorder'" onClick="this.className='donwBorder';getmenu('text');"><img src="images/text.gif"></td>
<td width="55" onMouseOver="this.className='overBorder'" onMouseOut="this.className='outBorder'" onClick="this.className='donwBorder';save ()"><input type="image" src="images/submit.gif"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td bgcolor="#999999"><img src="dot.gif" width="1" height="1"></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><img src="dot.gif" width="1" height="1"></td>
</tr>
<tr>
<td height="24"> <table height="22" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="12" align="center"><img src="images/head.gif" width="3" height="18"></td>
<td width="22" align="center" onClick="this.className='tooldonwBorder';format('Undo')" onMouseOver="this.className='tooloverBorder'" onMouseOut="this.className='outBorder'" title="撤消 (Ctrl + Z)"><img src="images/undo.gif" width="20" height="20" alt="撤消 (Ctrl + Z)"></td>
<td width="22" align="center" onClick="this.className='tooldonwBorder';format('Redo')" onMouseOver="this.className='tooloverBorder'" onMouseOut="this.className='outBorder'" title="重做 (Ctrl + Y)"><img src="images/redo.gif" width="20" height="20" alt="重做 (Ctrl + Y)"></td>
<td width="8" align="center"><img src="images/separator.gif" width="2" height="18"></td>
<td width="22" align="center" onClick="this.className='tooldonwBorder';InsertTable()" onMouseOver="this.className='tooloverBorder'" onMouseOut="this.className='outBorder'" title="插入表格"><img src="images/tablemenu.gif" width="17" height="17"></td>
<td width="22" align="center" onClick="this.className='tooldonwBorder';InsertImg()" onMouseOver="this.className='tooloverBorder'" onMouseOut="this.className='outBorder'" title="插入图片"><img src="images/image.gif" width="17" height="17"></td>
<td width="22" align="center" onClick="this.className='tooldonwBorder';InsertFlash()" onMouseOver="this.className='tooloverBorder'" onMouseOut="this.className='outBorder'" title="插入Flash"><img src="images/flash1.gif" width="17" height="17"></td>
<td width="22" align="center" onClick="this.className='tooldonwBorder';format ('CreateLink');" onMouseOver="this.className='tooloverBorder'" onMouseOut="this.className='outBorder'" title="创建链接"><img src="images/link.gif" width="16" height="16"></td>
<td width="22" align="center" onClick="this.className='tooldonwBorder';InsertMarquee()" onMouseOver="this.className='tooloverBorder'" onMouseOut="this.className='outBorder'" title="插入移动字幕"><img src="images/marquee.gif" width="16" height="13"></td>
<td width="8" align="center"><img src="images/separator.gif" width="2" height="18"></td>
<td width="22" align="center" onClick="this.className='tooldonwBorder';format ('justifyfull');" onMouseOver="this.className='tooloverBorder'" onMouseOut="this.className='outBorder'" title="两端对齐"><img src="images/justifyfull.gif" width="20" height="20"></td>
<td width="22" align="center" onClick="this.className='tooldonwBorder';format ('justifyleft');" onMouseOver="this.className='tooloverBorder'" onMouseOut="this.className='outBorder'" title="左对齐"><img src="images/justifyleft.gif" width="20" height="20"></td>
<td width="22" align="center" onClick="this.className='tooldonwBorder';format ('justifycenter');" onMouseOver="this.className='tooloverBorder'" onMouseOut="this.className='outBorder'" title="居中对齐"><img src="images/justifycenter.gif" width="20" height="20"></td>
<td width="22" align="center" onClick="this.className='tooldonwBorder';format ('justifyright');" onMouseOver="this.className='tooloverBorder'" onMouseOut="this.className='outBorder'" title="右对齐"><img src="images/justifyright.gif" width="20" height="20"></td>
<td width="8" align="center"><img src="images/separator.gif" width="2" height="18"></td>
<td width="22" align="center" onClick="this.className='tooldonwBorder';format ('bold');" onMouseOver="this.className='tooloverBorder'" onMouseOut="this.className='outBorder'" title="粗体"><img src="images/bold.gif" width="20" height="20"></td>
<td width="22" align="center" onClick="this.className='tooldonwBorder';format ('italic');" onMouseOver="this.className='tooloverBorder'" onMouseOut="this.className='outBorder'" title="斜体"><img src="images/italic.gif" width="20" height="20"></td>
<td width="22" align="center" onClick="this.className='tooldonwBorder';format ('underline');" onMouseOver="this.className='tooloverBorder'" onMouseOut="this.className='outBorder'" title="下划线"><img src="images/underline.gif" width="20" height="20"></td>
<td width="22" align="center" onClick="this.className='tooldonwBorder';format ('strikethrough');" onMouseOver="this.className='tooloverBorder'" onMouseOut="this.className='outBorder'" title="删除线"><img src="images/del.gif" width="20" height="20"></td>
<td width="22" align="center" onClick="this.className='tooldonwBorder';Font();" onMouseOver="this.className='tooloverBorder'" onMouseOut="this.className='outBorder'" title="字体"><img src="images/font.gif" width="20" height="20"></td>
<td width="22" align="center" onClick="this.className='tooldonwBorder';Paragraph();" onMouseOver="this.className='tooloverBorder'" onMouseOut="this.className='outBorder'" title="下标"><img src="images/paragraph.gif" width="20" height="20"></td>
<td width="8" align="center"><img src="images/separator.gif" width="2" height="18"></td>
<td width="22" align="center" onClick="this.className='tooldonwBorder';format ('insertorderedlist');" onMouseOver="this.className='tooloverBorder'" onMouseOut="this.className='outBorder'" title="数字编号"><img src="images/insertorderedlist.gif" width="14" height="14"></td>
<td width="22" align="center" onClick="this.className='tooldonwBorder';format ('insertunorderedlist');" onMouseOver="this.className='tooloverBorder'" onMouseOut="this.className='outBorder'" title="项目编号"><img src="images/insertunorderedlist.gif" width="14" height="13"></td>
<td width="22" align="center" onClick="this.className='tooldonwBorder';format ('indent');" onMouseOver="this.className='tooloverBorder'" onMouseOut="this.className='outBorder'" title="凹进"><img src="images/indent.gif" width="16" height="15"></td>
<td width="22" align="center" onClick="this.className='tooldonwBorder';format ('outdent');" onMouseOver="this.className='tooloverBorder'" onMouseOut="this.className='outBorder'" title="凸出"><img src="images/outdent.gif" width="16" height="15"></td>
<td width="8" align="center"><img src="images/separator.gif" width="2" height="18"></td>
<td width="22" align="center" onClick="this.className='tooldonwBorder';ViewFormat('design');" onMouseOver="this.className='tooloverBorder'" onMouseOut="this.className='outBorder'" title="设计视图"><img src="images/modeeditbtn.gif" width="17" height="16"></td>
<td width="22" align="center" onClick="this.className='tooldonwBorder';ViewFormat('code');" onMouseOver="this.className='tooloverBorder'" onMouseOut="this.className='outBorder'" title="代码视图"><strong><></strong></td>
<td width="22" align="center" onClick="this.className='tooldonwBorder';ViewFormat('view');" onMouseOver="this.className='tooloverBorder'" onMouseOut="this.className='outBorder'" title="预览"><img src="images/modeviewbtn.gif" width="17" height="16"></td>
<td width="22" align="center" onClick="this.className='tooldonwBorder';ShowBorder();" onMouseOver="this.className='tooloverBorder'" onMouseOut="this.className='outBorder'" title="辅助线"><img src="images/guide.gif" width="15" height="15"></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="625" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center"><iframe ID="EditorID" MARGINHEIGHT="5" MARGINWIDTH="5" width="100%" height="400" scrolling="auto">edit_main</iframe></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
<input type="hidden" name="content" value="哈哈：）我自己编写的第一个HTML编辑器。功能不全请包涵！暂做测试之用！">
<input name="modeedit" type="hidden" value="design">
<input type="hidden" name="showborder"></td>
</tr>
</form>
</table>
</center>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -