📄 html_editor.htm

📁 本系统为ASP版 1
💻 HTM
📖 第 1 页 / 共 2 页
字号:
12 下一页
<html>
<head>
<title>HTML编辑器</title>
<style>
.Gen
{
    POSITION: relative
}
.heading
{
    BACKGROUND: #eeeeee;
    COLOR: #000000
}
.Composition
{
    BACKGROUND-COLOR: menu;
    POSITION: relative
}
.yToolbar
{
    BACKGROUND-COLOR: menu;
    BORDER-BOTTOM: buttonshadow 1px solid;
    BORDER-LEFT: buttonhighlight 1px solid;
    BORDER-RIGHT: buttonshadow 1px solid;
    BORDER-TOP: buttonhighlight 1px solid;
    HEIGHT: 27px;
    LEFT: 0px;
    POSITION: relative;
    TOP: 0px
}
.Btn
{
    BACKGROUND-COLOR: menu;
    BORDER-BOTTOM: buttonface 1px solid;
    BORDER-LEFT: buttonface 1px solid;
    BORDER-RIGHT: buttonface 1px solid;
    BORDER-TOP: buttonface 1px solid;
    HEIGHT: 23px;
    POSITION: absolute;
    TOP: 1px;
    WIDTH: 23px
}
.Ico
{
    LEFT: 2px;
    POSITION: absolute;
    TOP: 1px
}
.TBSep
{
    BORDER-LEFT: buttonshadow 1px solid;
    BORDER-RIGHT: buttonhighlight 1px solid;
    FONT-SIZE: 0px;
    HEIGHT: 22px;
    POSITION: absolute;
    TOP: 1px;
    WIDTH: 1px
}
.TBGen
{
    FONT: 8pt verdana,arial,sans-serif;
    HEIGHT: 22px;
    POSITION: absolute;
    TOP: 2px
}
.TBHandle
{
    BACKGROUND-COLOR: menu;
    BORDER-LEFT: buttonhighlight 1px solid;
    BORDER-RIGHT: buttonshadow 1px solid;
    BORDER-TOP: buttonhighlight 1px solid;
    FONT-SIZE: 1px;
    HEIGHT: 22px;
    POSITION: absolute;
    TOP: 1px;
    WIDTH: 3px
}
.BtnMouseOverUp
{
    BACKGROUND-COLOR: buttonface;
    BORDER-BOTTOM: buttonshadow 1px solid;
    BORDER-LEFT: buttonhighlight 1px solid;
    BORDER-RIGHT: buttonshadow 1px solid;
    BORDER-TOP: buttonhighlight 1px solid;
    HEIGHT: 23px;
    POSITION: absolute;
    TOP: 1px;
    WIDTH: 24px
}
.BtnMouseOverDown
{
    BACKGROUND-COLOR: buttonface;
    BORDER-BOTTOM: buttonhighlight 1px solid;
    BORDER-LEFT: buttonshadow 1px solid;
    BORDER-RIGHT: buttonhighlight 1px solid;
    BORDER-TOP: buttonshadow 1px solid;
    HEIGHT: 23px;
    POSITION: absolute;
    TOP: 1px;
    WIDTH: 24px
}
.BtnDown
{
    BACKGROUND-COLOR: gainsboro;
    BORDER-BOTTOM: buttonhighlight 1px solid;
    BORDER-LEFT: buttonshadow 1px solid;
    BORDER-RIGHT: buttonhighlight 1px solid;
    BORDER-TOP: buttonshadow 1px solid;
    HEIGHT: 23px;
    POSITION: absolute;
    TOP: 1px;
    WIDTH: 24px
}
.IcoDown
{
    HEIGHT: 23px;
    LEFT: 0px;
    POSITION: absolute;
    TOP: 0px;
    WIDTH: 24px
}
.IcoDownPressed
{
    LEFT: 1px;
    POSITION: absolute;
    TOP: 1px
}
</style>
<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="提交"	LANGUAGE="javascript" onclick="handin()">
    <img class="Ico" src="../images/save.gif" WIDTH="16" HEIGHT="16">
</div>

 <div class="TBSep"></div>

<div  TITLE="欢迎使用动网HTML HTML代码编辑器" >
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;    
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;    
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;    
    <font  size=2px>
    < =HTML代码编辑完毕，请按提交    
    </font>
</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="&lt;P&gt;">普通
			<option VALUE="&lt;PRE&gt;">已编排格式
			<option VALUE="&lt;H1&gt;">标题一
			<option VALUE="&lt;H2&gt;">标题二
			<option VALUE="&lt;H3&gt;">标题三
			<option VALUE="&lt;H4&gt;">标题四
			<option VALUE="&lt;H5&gt;">标题五
			<option VALUE="&lt;H6&gt;">标题六
            <option VALUE="&lt;H7&gt;">标题七
		</select>
<select id="specialtype" class="TBGen" onchange="doSelectClick('FormatBlock',this)" style="font: icon; width: 100px;">
			<option>特殊字体格式</option>
			<option VALUE="SUP">上标
			<option VALUE="SUB">下标
			<option VALUE="DEL">删除线
			<option VALUE="BLINK">闪烁
			<option VALUE="BIG">增大字体
			<option VALUE="SMALL">减小字体
		</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 value="宋体">宋体<option value="黑体">黑体<option value="楷体_GB2312">楷体<option value="仿宋_GB2312">仿宋<option value="隶书">隶书<option value="幼圆">幼圆<option value="新宋体">新宋体<option value="细明体">细明体<option value="Arial">Arial<option value="Arial Black">Arial 
  Black<option value="Arial Narrow">Arial Narrow<option value="Bradley Hand	ITC">Bradley 
  Hand ITC<option value="Brush Script	MT">Brush Script MT<option value="Century Gothic">Century 
  Gothic<option value="Comic Sans MS">Comic Sans MS<option value="Courier">Courier<option value="Courier New">Courier 
  New<option value="MS Sans Serif">MS Sans Serif<option value="Script">Script<option value="System">System<option value="Times New Roman">Times 
  New Roman<option value="Viner Hand ITC">Viner Hand ITC<option value="Verdana">Verdana<option value="Wide	Latin">Wide 
  Latin<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 value="7">一号<option value="6">二号<option value="5">三号<option value="4">四号<option value="3">五号<option value="2">六号<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="使用LF BBS HTML标签提交"><input onclick="lbcode();" type="checkbox">使用HTML标签提交</div>
</div>

  <div class="TBSep"></div> 


<iframe class="Composition" ID="Composition" MARGINHEIGHT="1" MARGINWIDTH="1" width="100%" height="212">
</iframe>

<script type="text/javascript">

SEP_PADDING = 5
HANDLE_PADDING = 7

var yToolbars =	new Array();

var YInitialized = false;

function document.onreadystatechange()
{
  if (YInitialized) return;
  YInitialized = true;

  var i, s, curr;

  for (i=0; i<document.body.all.length;	i++)
  {
    curr=document.body.all[i];
    if (curr.className == "yToolbar")
    {
      InitTB(curr);
      yToolbars[yToolbars.length] = curr;
    }
  }

  DoLayout();
  window.onresize = DoLayout;

  Composition.document.open()
  Composition.document.write("<head><style type=\"text/css\">body {font-size: 10.8pt}</style><meta http-equiv=Content-Type content=\"text/html; charset=gb2312\"></head><BODY bgcolor=\"#FFFFFF\" MONOSPACE></body>");
  Composition.document.close()
  Composition.document.designMode="On"
}

function InitBtn(btn)
{
  btn.onmouseover = BtnMouseOver;
  btn.onmouseout = BtnMouseOut;
  btn.onmousedown = BtnMouseDown;
  btn.onmouseup	= BtnMouseUp;
  btn.ondragstart = YCancelEvent;
  btn.onselectstart = YCancelEvent;
  btn.onselect = YCancelEvent;
  btn.YUSERONCLICK = btn.onclick;
  btn.onclick =	YCancelEvent;
  btn.YINITIALIZED = true;
  return true;
}

function InitTB(y)
{
  y.TBWidth = 0;

  if (!	PopulateTB(y)) return false;

  y.style.posWidth = y.TBWidth;

  return true;
}


function YCancelEvent()
{
  event.returnValue=false;
  event.cancelBubble=true;
  return false;
}

function BtnMouseOver()
{
  if (event.srcElement.tagName != "IMG") return	false;
  var image = event.srcElement;
  var element =	image.parentElement;

  if (image.className == "Ico")	element.className = "BtnMouseOverUp";
  else if (image.className == "IcoDown") element.className = "BtnMouseOverDown";

  event.cancelBubble = true;
}

function BtnMouseOut()
{
  if (event.srcElement.tagName != "IMG") {
    event.cancelBubble = true;
    return false;
  }

  var image = event.srcElement;
  var element =	image.parentElement;
  yRaisedElement = null;

  element.className = "Btn";
  image.className = "Ico";

  event.cancelBubble = true;
}

function BtnMouseDown()
{
  if (event.srcElement.tagName != "IMG") {
    event.cancelBubble = true;
    event.returnValue=false;
    return false;
  }

  var image = event.srcElement;
  var element =	image.parentElement;
12 下一页
💿 文件大小 808 K
👤 上传用户 shanyeshuren
📂 所属分类金融证券系统
🏷️ 相关标签

#ASP
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -