IDC资讯中心
观看：http://www.mychangshu.com/htmleditor/htmleditor.asp
下载：http://www.mychangshu.com/htmleditor/htmleditor.zip
icon：http://www.mychangshu.com/htmleditor/icon.zip
<!– 请保留
作者： centver
更新日期： 2001-6-24
版本： 1.0
email： intion@yeah.net
请保留 –>
<html>
<head>
<meta name="generator" content="microsoft visual studio 6.0">
<title>looker html editor v1.0</title>
<style type="text/css">
.menu_td
{
border-right: #d3e5fb 2px solid;
border-top: #d3e5fb 2px solid;
border-left: #d3e5fb 2px solid;
border-bottom: #d3e5fb 2px solid;
height: 20px;
font-width: bold;
font-size: 70%;
color: #003366;
font-family: verdana,sans-serif
}
.menu_select
{
color: #003366;
font-family: verdana,sans-serif
}
.workplace
{
height:100%;
width:100%;
background-color:white;
font-face:arial;
padding:3;
border:inset #99ccff;
scrollbar-base-color:#99ccff;
overflow=auto;
}
a
{
font-family: verdana,sans-serif;
text-decoration: none
}
a:active
{
color: #003366;
text-decoration: none
}
a:link
{
color: #003366;
text-decoration: none
}
a:visited
{
color: #003366;
text-decoration: none
}
</style>
<script language="javascript">
var sds;
sds=1;
var nono;
nono=0;
function ds()
{
if (sds == 1)
{
odiv.innertext = odiv.innerhtml;
ods.src = "design.gif";
sds=0;
}
else
{
sds=1;
ods.src = "source.gif";
odiv.innerhtml = odiv.innertext;
}
}
function mouseovertd (o)
{
o.style.backgroundcolor= "#7abbff";
o.style.borderstyle="solid";
o.style.bordercolor="#316ac5";
o.style.color="#ffffff";
}
function mouseouttd (o)
{
o.style.backgroundcolor="#d3e5fb";
o.style.color="#003366";
o.style.bordercolor="#d3e5fb";
}
function gzhs()
{
if (nono == 0)
{
odiv.focus();
}
}
function addscript()
{
odiv.innerhtml += "<scr" + "ipt language=\"javascript\">\n<!–\n/// 请不要插入恶性代码，谢谢。 ///\n//– start –//\n\n//– end –//\n//–>\n</scr" + "ipt>";
}
function addtable(){
var iheight, iwidth;
var stable = prompt("输入行数,列数\n如：3,4", "2,2");
if (stable == null)
{
return 0;
}
var i = stable.indexof(",");
if (i < 1)
{
alert("输入错误");
return 0;
}
iheight = parseint(stable.substr(0,i++));
if (isnan(iheight))
{
alert("表格行数不是整数！");
return 0;
}
if (iheight < 1)
{
alert("表格行数不是正整数！");
return 0;
}
if (iheight > 20)
{
alert("表格行数过大！");
return 0;
}
iwidth = parseint(stable.substr(i));
if (isnan(iwidth))
{
alert("表格列数不是整数！");
return 0;
}
if (iwidth < 1)
{
alert("表格列数不是正整数！");
return 0;
}
if (iwidth > 20)
{
alert("表格列数过大！");
return 0;
}
var shtml = "<table border=1>";
for(i=0;i<iheight;i++)
{
shtml += "<tr>"
for(j=0;j<iwidth;j++)
{
shtml += "<td> </td>";
}
shtml += "</tr>";
}
shtml += "</table>";
odiv.innerhtml+=shtml;
}
function get_color(what)
{
var strcolor = showmodaldialog("color.asp","","dialogwidth:18;dialogheight:16;dialogtop:50;dialogleft:500;status:no;");
if (strcolor != "")
{
odiv.document.execcommand(what,false,strcolor);
}
}
function set_font_color()
{
odiv.document.execcommand(formatblock,font_format.value);
}
</script>
</head>
<body bottommargin=0 leftmargin=0 topmargin=0 rightmargin=0 scroll=no onload="javascript:gzhs()">
<table width=100% height="100%" cellspacing=0 cellpadding=0 border=0 bgcolor=#d3e5fb>
<tr>
<td height="20">
<table cellspacing=0 cellpadding=0 border=0 bgcolor=#d3e5fb>
<tr>
<td class="menu_td" onclick="javascript:odiv.document.execcommand(cut)" onmouseover="javascript:mouseovertd(this)" onmouseout="javascript:mouseouttd(this)">
<img alt="剪切" border="0" src="cut.gif" width="20" height="20">
</td>
<td class="menu_td" onclick="javascript:odiv.document.execcommand(copy)" onmouseover="javascript:mouseovertd(this)" onmouseout="javascript:mouseouttd(this)">
<img alt="复制" border="0" src="copy.gif" width="20" height="20">
</td>
<td class="menu_td" onclick="javascript:odiv.document.execcommand(paste)" onmouseover="javascript:mouseovertd(this)" onmouseout="javascript:mouseouttd(this)">
<img alt="粘贴" border="0" src="paste.gif" width="20" height="20">
</td>
<td class="menu_td" onclick="javascript:odiv.document.execcommand(undo)" onmouseover="javascript:mouseovertd(this)" onmouseout="javascript:mouseouttd(this)">
<img alt="撤销" border="0" src="undo.gif" width="20" height="20">
</td>
<td class="menu_td" onclick="javascript:odiv.document.execcommand(redo)" onmouseover="javascript:mouseovertd(this)" onmouseout="javascript:mouseouttd(this)">
<img alt="恢复" border="0" src="redo.gif" width="20" height="20">
</td>
<td class="menu_td" onclick="javascript:addscript()" onmouseover="javascript:mouseovertd(this)" onmouseout="javascript:mouseouttd(this)">
<img alt="加入脚本" border="0" src="script.gif" width="20" height="20">
</td>
<td class="menu_td" onclick="javascript:addtable()" onmouseover="javascript:mouseovertd(this)" onmouseout="javascript:mouseouttd(this)">
<img alt="表格" border="0" src="table.gif" width="20" height="20">
</td>
<td class="menu_td" onclick="javascript:odiv.document.execcommand(insertimage,true)" onmouseover="javascript:mouseovertd(this)" onmouseout="javascript:mouseouttd(this)">
<img alt="插入图像" border="0" src="image.gif" width="20" height="20">
</td>
<td class="menu_td" onclick="javascript:odiv.document.execcommand(createlink,true)" onmouseover="javascript:mouseovertd(this)" onmouseout="javascript:mouseouttd(this)">
<img alt="增加连接" border="0" src="link.gif" width="20" height="20">
</td>
<td class="menu_td" onclick="javascript:odiv.document.execcommand(inserthorizontalrule)" onmouseover="javascript:mouseovertd(this)" onmouseout="javascript:mouseouttd(this)">
<img alt="水平线" border="0" src="hr.gif" width="20" height="20">
</td>
<td class="menu_td" onclick="javascript:odiv.document.execcommand(justifyleft)" onmouseover="javascript:mouseovertd(this)" onmouseout="javascript:mouseouttd(this)">
<img alt="左对齐" border="0" src="left.gif" width="20" height="20">
</td>
<td class="menu_td" onclick="javascript:odiv.document.execcommand(justifycenter)" onmouseover="javascript:mouseovertd(this)" onmouseout="javascript:mouseouttd(this)">
<img alt="居中" border="0" src="center.gif" width="20" height="20">
</td>
<td class="menu_td" onclick="javascript:odiv.document.execcommand(justifyright)" onmouseover="javascript:mouseovertd(this)" onmouseout="javascript:mouseouttd(this)">
<img alt="右对齐" border="0" src="right.gif" width="20" height="20">
</td>
<td class="menu_td" onclick="javascript:odiv.document.execcommand(insertorderedlist)" onmouseover="javascript:mouseovertd(this)" onmouseout="javascript:mouseouttd(this)">
<img alt="编号列表" border="0" src="ol.gif" width="20" height="20">
</td>
<td class="menu_td" onclick="javascript:odiv.document.execcommand(insertunorderedlist)" onmouseover="javascript:mouseovertd(this)" onmouseout="javascript:mouseouttd(this)">
<img alt="项目符号列表" border="0" src="ul.gif" width="20" height="20">
</td>
<td class="menu_td" onclick="javascript:odiv.document.execcommand(outdent)" onmouseover="javascript:mouseovertd(this)" onmouseout="javascript:mouseouttd(this)">
<img alt="减少缩进" border="0" src="outdent.gif" width="20" height="20">
</td>
<td class="menu_td" onclick="javascript:odiv.document.execcommand(indent)" onmouseover="javascript:mouseovertd(this)" onmouseout="javascript:mouseouttd(this)">
<img alt="增加缩进" border="0" src="indent.gif" width="20" height="20">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="20">
<table cellspacing=0 cellpadding=0 border=0 bgcolor=#d3e5fb>
<tr>
<td class="menu_td" onmouseover="javascript:mouseovertd(this);nono=1" onmouseout="javascript:mouseouttd(this)">
<select name="font_format" class="menu_select" onchange="javascript:odiv.document.execcommand(formatblock,false,font_format.value)" onblur="javascript:nono=0;gzhs()">
<option value="<p>">普通</option>
<option value="<pre>">带格式的</option>
<option value="<address>">地址</option>
<option value="<h1>">标题1</option>
<option value="<h2>">标题2</option>
<option value="<h3>">标题3</option>
<option value="<h4>">标题4</option>
<option value="<h5>">标题5</option>
<option value="<h6>">标题6</option>
<option value="<ol>">编号列表</option>
<option value="<ul>">项目符号列表</option>
<option value="<dir>">目录列表</option>
<option value="<menu>">菜单列表</option>
</select>
</td>
<td class="menu_td" onmouseover="javascript:mouseovertd(this);nono=1" onmouseout="javascript:mouseouttd(this)">
<select name="font_face" class="menu_select" onchange="javascript:odiv.document.execcommand(fontname,false,font_face.value)" onblur="javascript:nono=0;gzhs()">
<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="sans-serif">sans-serif</option>
<option value="script">script</option>
<option value="system">system</option>
<option value="tahoma">tahoma</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>
</td>
<td class="menu_td" onmouseover="javascript:mouseovertd(this);nono=1" onmouseout="javascript:mouseouttd(this)">
<select name="font_size" class="menu_select" onchange="javascript:odiv.document.execcommand(fontsize,false,font_size.value)" onblur="javascript:nono=0;gzhs()">
<option selected>普通</option>
<option value="1">1 (8 磅)</option>
<option value="2">2 (10 磅)</option>
<option value="3">3 (12 磅)</option>
<option value="4">4 (14 磅)</option>
<option value="5">5 (18 磅)</option>
<option value="6">6 (24 磅)</option>
<option value="7">7 (36 磅)</option>
</select>
</td>
<td class="menu_td" onclick="javascript:odiv.document.execcommand(bold)" onmouseover="javascript:mouseovertd(this)" onmouseout="javascript:mouseouttd(this)">
<img alt="粗体" border="0" src="bold.gif" width="20" height="20">
</td>
<td class="menu_td" onclick="javascript:odiv.document.execcommand(italic)" onmouseover="javascript:mouseovertd(this)" onmouseout="javascript:mouseouttd(this)">
<img alt="斜体" border="0" src="italic.gif" width="20" height="20">
</td>
<td class="menu_td" onclick="javascript:odiv.document.execcommand(underline)" onmouseover="javascript:mouseovertd(this)" onmouseout="javascript:mouseouttd(this)">
<img alt="下画线" border="0" src="underline.gif" width="20" height="20">
</td>
<td class="menu_td" onclick="javascript:get_color(backcolor)" onmouseover="javascript:mouseovertd(this)" onmouseout="javascript:mouseouttd(this)">
<img alt="突出颜色显示" border="0" src="bgcolor.gif" width="20" height="20">
</td>
<td class="menu_td" onclick="javascript:get_color(forecolor)" onmouseover="javascript:mouseovertd(this)" onmouseout="javascript:mouseouttd(this)">
<img alt="字体颜色" border="0" src="fontcolor.gif" width="20" height="20">
</td>
<td class="menu_td" onclick="javascript:ds()" onmouseover="javascript:mouseovertd(this)" onmouseout="javascript:mouseouttd(this)">
<img alt="设计/原码" name="ods" border="0" src="source.gif" width="40" height="20">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<div id=odiv name=odiv contenteditable onblur="javascript:gzhs()" align=left class="workplace"><p></p></div>
</td>
</tr>
</table>
</body>
</html>
