⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 wordediter.jsp

📁 几个小系统可以供大家参考。希望能对大家有所帮助。
💻 JSP
字号:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<%@include file="../basepath.jsp"%>

<SCRIPT language=JAVASCRIPT src="js/pub/wordEditer/editfunc.js"></SCRIPT>
<SCRIPT language=JAVASCRIPT src="js/pub/wordEditer/colorSelect.js"></SCRIPT>
<SCRIPT language=JAVASCRIPT src="js/pub/wordEditer/portraitSelect.js"></SCRIPT>

<META http-equiv=Content-Type content="text/html; charset=UTF-8">
<STYLE type=text/css>A {
	FONT-SIZE: 12px
}
IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
TD.icon {
	VERTICAL-ALIGN: middle; WIDTH: 24px; HEIGHT: 24px; TEXT-ALIGN: center
}
TD.sp {
	VERTICAL-ALIGN: middle; WIDTH: 8px; HEIGHT: 24px; TEXT-ALIGN: center
}
TD.xz {
	VERTICAL-ALIGN: middle; WIDTH: 47px; HEIGHT: 24px; TEXT-ALIGN: center
}
TD.bq {
	VERTICAL-ALIGN: middle; WIDTH: 49px; HEIGHT: 24px; TEXT-ALIGN: center
}
DIV A.n {
	PADDING-RIGHT: 2px; DISPLAY: block; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; COLOR: #000000; LINE-HEIGHT: 16px; PADDING-TOP: 2px; HEIGHT: 16px; TEXT-DECORATION: none
}
DIV A.n:hover {
	BACKGROUND: #e5e5e5
}
</STYLE>

<STYLE type=text/css>.ico {
	VERTICAL-ALIGN: middle; WIDTH: 24px; HEIGHT: 24px; TEXT-ALIGN: center
}
.ico2 {
	VERTICAL-ALIGN: middle; WIDTH: 27px; HEIGHT: 24px; TEXT-ALIGN: center
}
.ico3 {
	VERTICAL-ALIGN: middle; WIDTH: 25px; HEIGHT: 24px; TEXT-ALIGN: center
}
.ico4 {
	VERTICAL-ALIGN: middle; WIDTH: 8px; HEIGHT: 24px; TEXT-ALIGN: center
}
BODY {
	MARGIN: 0px
}
</STYLE>

<META content="MSHTML 6.00.5730.11" name=GENERATOR></HEAD>
<BODY>
<TABLE 
style="BORDER-RIGHT: #c5c5c5 1px solid; BORDER-TOP: #c5c5c5 1px solid; BORDER-LEFT: #c5c5c5 1px solid; BORDER-BOTTOM: #c5c5c5 1px solid" 
cellSpacing=0 cellPadding=0 width="100%" background="images/wordEditer/bg.gif"
  border=0><TBODY>
  <TR>
    <TD style="PADDING-LEFT: 5px" height=31>
      <TABLE cellSpacing=0 cellPadding=0 border=0>
        <TBODY>
        <TR>
          <TD class=ico><IMG onmousedown=fSetBorderMouseDown(this) 
            onmouseover=fSetBorderMouseOver(this) title=剪切 
            onclick="format('Cut')" onmouseout=fSetBorderMouseOut(this) 
            height=20 src="images/wordEditer/1.gif" width=20></TD>
          <TD class=ico><IMG onmousedown=fSetBorderMouseDown(this) 
            onmouseover=fSetBorderMouseOver(this) title=复制 
            onclick="format('Copy')" onmouseout=fSetBorderMouseOut(this) 
            height=20 src="images/wordEditer/2.gif" width=20></TD>
          <TD class=ico><IMG onmousedown=fSetBorderMouseDown(this) 
            onmouseover=fSetBorderMouseOver(this) title=粘贴 
            onclick="format('Paste')" onmouseout=fSetBorderMouseOut(this) 
            height=20 src="images/wordEditer/3.gif" width=20></TD>
          <TD class=ico><IMG height=20 src="images/wordEditer/line.gif" width=4></TD>
          <TD class=ico2><IMG onmousedown=fSetBorderMouseDown(this) 
            id=imgFontface onmouseover=fSetBorderMouseOver(this) title=字体 
            onclick="fGetEv(event);fDisplayElement('fontface','')" 
            onmouseout=fSetBorderMouseOut(this) height=20 
            src="images/wordEditer/4.gif" width=25></TD>
          <TD class=ico2><IMG onmousedown=fSetBorderMouseDown(this) 
            id=imgFontsize onmouseover=fSetBorderMouseOver(this) title=字号 
            onclick="fGetEv(event);fDisplayElement('fontsize','')" 
            onmouseout=fSetBorderMouseOut(this) height=20 
            src="images/wordEditer/5.gif" width=25></TD>
          <TD class=ico><IMG onmousedown=fSetBorderMouseDown(this) 
            onmouseover=fSetBorderMouseOver(this) title=加粗 
            onclick="format('Bold');" onmouseout=fSetBorderMouseOut(this) 
            height=20 src="images/wordEditer/6.gif" width=20></TD>
          <TD class=ico><IMG onmousedown=fSetBorderMouseDown(this) 
            onmouseover=fSetBorderMouseOver(this) title=斜体 
            onclick="format('Italic');" onmouseout=fSetBorderMouseOut(this) 
            height=20 src="images/wordEditer/7.gif" width=20></TD>
          <TD class=ico><IMG onmousedown=fSetBorderMouseDown(this) 
            onmouseover=fSetBorderMouseOver(this) title=下划线 
            onclick="format('Underline')" onmouseout=fSetBorderMouseOut(this) 
            height=20 src="images/wordEditer/8.gif" width=20></TD>
          <TD class=ico><IMG onmousedown=fSetBorderMouseDown(this) 
            onmouseover=fSetBorderMouseOver(this) title=左对齐 
            onclick="format('Justifyleft')" onmouseout=fSetBorderMouseOut(this) 
            height=20 src="images/wordEditer/9.gif" width=20></TD>
          <TD class=ico><IMG onmousedown=fSetBorderMouseDown(this) 
            onmouseover=fSetBorderMouseOver(this) title=中间对齐 
            onclick="format('Justifycenter')" 
            onmouseout=fSetBorderMouseOut(this) height=20 
            src="images/wordEditer/10.gif" width=20></TD>
          <TD class=ico><IMG onmousedown=fSetBorderMouseDown(this) 
            onmouseover=fSetBorderMouseOver(this) title=右对齐 
            onclick="format('Justifyright')" onmouseout=fSetBorderMouseOut(this) 
            height=20 src="images/wordEditer/11.gif" width=20></TD>
          <TD class=ico><IMG onmousedown=fSetBorderMouseDown(this) 
            onmouseover=fSetBorderMouseOver(this) title=数字编号 
            onclick="format('Insertorderedlist')" 
            onmouseout=fSetBorderMouseOut(this) height=20 
            src="images/wordEditer/12.gif" width=20></TD>
          <TD class=ico><IMG onmousedown=fSetBorderMouseDown(this) 
            onmouseover=fSetBorderMouseOver(this) title=项目编号 
            onclick="format('Insertunorderedlist')" 
            onmouseout=fSetBorderMouseOut(this) height=20 
            src="images/wordEditer/13.gif" width=20></TD>
          <TD class=ico><IMG onmousedown=fSetBorderMouseDown(this) 
            onmouseover=fSetBorderMouseOver(this) title=增加缩进 
            onclick="format('Outdent')" onmouseout=fSetBorderMouseOut(this) 
            height=20 src="images/wordEditer/14.gif" width=20></TD>
          <TD class=ico><IMG onmousedown=fSetBorderMouseDown(this) 
            onmouseover=fSetBorderMouseOver(this) title=减少缩进 
            onclick="format('Indent')" onmouseout=fSetBorderMouseOut(this) 
            height=20 src="images/wordEditer/15.gif" width=20></TD>
          <TD class=ico><IMG height=20 src="" width=4></TD>
          <TD class=ico3><IMG onmousedown=fSetBorderMouseDown(this) 
            onmouseover=fSetBorderMouseOver(this) title=字体颜色 
            onclick=foreColor(event) onmouseout=fSetBorderMouseOut(this) 
            height=20 src="images/wordEditer/16.gif" width=23></TD>
          <TD class=ico2><IMG onmousedown=fSetBorderMouseDown(this) 
            onmouseover=fSetBorderMouseOver(this) title=背景颜色 
            onclick=backColor(event) onmouseout=fSetBorderMouseOut(this) 
            height=20 src="images/wordEditer/17.gif" width=24></TD>
          <TD class=ico><IMG onmousedown=fSetBorderMouseDown(this) 
            onmouseover=fSetBorderMouseOver(this) title=增加链接 
            onclick=createLink() onmouseout=fSetBorderMouseOut(this) height=20 
            src="images/wordEditer/18.gif" width=21></TD>
          <TD class=ico><IMG onmousedown=fSetBorderMouseDown(this) 
            onmouseover=fSetBorderMouseOver(this) title=增加图片 onclick=createImg() 
            onmouseout=fSetBorderMouseOut(this) height=20 
            src="images/wordEditer/19.gif" width=21></TD>
          <TD class=ico3><IMG onmousedown=fSetBorderMouseDown(this) 
            onmouseover=fSetBorderMouseOver(this) title=魔法表情 
            onclick=addPortrait(event) onmouseout=fSetBorderMouseOut(this) 
            height=20 src="images/wordEditer/20.gif" width=23></TD>
          <TD class=ico4><IMG height=20 src="images/wordEditer/line.gif" width=4></TD>
          <TD style="FONT-SIZE: 12px"><INPUT language=javascript 
            onmouseover=fSetModeTip(this) onclick=setMode(this.checked) 
            onmouseout=fHideTip() type=checkbox 
      name=switchMode></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<DIV id=dvForeColor 
style="DISPLAY: none; LEFT: -500px; WIDTH: 100px; POSITION: absolute; TOP: -500px; HEIGHT: 100px">
<TABLE 
style="BORDER-RIGHT: #888888 1px solid; BORDER-TOP: #888888 1px solid; BORDER-LEFT: #888888 1px solid; BORDER-BOTTOM: #888888 1px solid" 
height=25 cellSpacing=0 cellPadding=0 width=218>
  <TBODY>
  <TR>
    <TD id=tdView width=110>&nbsp;</TD>
    <TD id=tdColorCode align=center bgColor=#ffffff></TD></TR></TBODY></TABLE></DIV>
<DIV id=dvPortrait style="DISPLAY: none; LEFT: -500px; WIDTH: 100px; POSITION: absolute; TOP: -500px; HEIGHT: 100px"></DIV>

<DIV id=fontface style="BORDER-RIGHT: #838383 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #838383 1px solid; DISPLAY: none; PADDING-LEFT: 1px; Z-INDEX: 99; BACKGROUND: #ffffff; LEFT: 2px; PADDING-BOTTOM: 1px; BORDER-LEFT: #838383 1px solid; WIDTH: 110px; PADDING-TOP: 1px; BORDER-BOTTOM: #838383 1px solid; POSITION: absolute; TOP: 35px; HEIGHT: auto">
<A class=n style="FONT: 12px '宋体'" onclick="format('fontname',this.innerHTML);this.parentNode.style.display='none'" href="javascript:void(0)">宋体</A>
<A class=n style="FONT: 12px '黑体'" onclick="format('fontname',this.innerHTML);this.parentNode.style.display='none'" href="javascript:void(0)">黑体</A>
<A class=n style="FONT: 12px '楷体_GB2312'" onclick="format('fontname',this.innerHTML);this.parentNode.style.display='none'" href="javascript:void(0)">楷体_GB2312</A>

<!--<A class=n style="FONT: 12px '隶书'" onclick="format('fontname',this.innerHTML);this.parentNode.style.display='none'" href="javascript:void(0)">隶书</A>
<A class=n style="FONT: 12px '幼圆'" onclick="format('fontname',this.innerHTML);this.parentNode.style.display='none'" href="javascript:void(0)">幼圆</A>-->
<!--

<A class=n style="FONT: 12px 'Arial Narrow'" onClick="format('fontname',this.innerHTML);this.parentNode.style.display='none'" href="###">Arial Narrow</A>
<A class=n style="FONT: 12px 'Arial Black'" onClick="format('fontname',this.innerHTML);this.parentNode.style.display='none'" href="###">Arial Black</A>

<A class=n style="FONT: 12px Courier" onClick="format('fontname',this.innerHTML);this.parentNode.style.display='none'" href="###">Courier</A>
<A class=n style="FONT: 12px System" onClick="format('fontname',this.innerHTML);this.parentNode.style.display='none'" href="###">System</A>
-->
<A class=n style="FONT: 12px 'Arial'" onClick="format('fontname',this.innerHTML);this.parentNode.style.display='none'" href="javascript:void(0)">Arial</A>
<A class=n style="FONT: 12px 'Times New Roman'" onClick="format('fontname',this.innerHTML);this.parentNode.style.display='none'" href="javascript:void(0)">Times New Roman</A>
<A class=n style="FONT: 12px 'Verdana'" onClick="format('fontname',this.innerHTML);this.parentNode.style.display='none'" href="javascript:void(0)">Verdana</A>
<A class=n style="FONT: 12px 'Comic Sans MS'" onClick="format('fontname',this.innerHTML);this.parentNode.style.display='none'" href="javascript:void(0)">Comic Sans MS</A>
</DIV>

<DIV id=fontsize style="BORDER-RIGHT: #838383 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #838383 1px solid; DISPLAY: none; PADDING-LEFT: 1px; BACKGROUND: #ffffff; LEFT: 26px; PADDING-BOTTOM: 1px; BORDER-LEFT: #838383 1px solid; WIDTH: 115px; PADDING-TOP: 1px; BORDER-BOTTOM: #838383 1px solid; POSITION: absolute; TOP: 35px; HEIGHT: auto"><!--<A class=n style="FONT-SIZE: xx-small; LINE-HEIGHT: 120%" onClick="format('fontsize',1);this.parentNode.style.display='none'" href="javascript:void(0)">极小</A><A class=n style="FONT-SIZE: x-small; LINE-HEIGHT: 120%" onClick="format('fontsize',2);this.parentNode.style.display='none'" href="javascript:void(0)">特小</A>-->
<A class=n style="FONT-SIZE: small; LINE-HEIGHT: 120%" onclick="format('fontsize',3);this.parentNode.style.display='none'" href="javascript:void(0)">小</A>
<A class=n style="FONT-SIZE: medium; LINE-HEIGHT: 120%" onclick="format('fontsize',4);this.parentNode.style.display='none'" href="javascript:void(0)">中</A>
<A class=n style="FONT-SIZE: large; LINE-HEIGHT: 120%" onclick="format('fontsize',5);this.parentNode.style.display='none'" href="javascript:void(0)">大</A>
<A class=n style="FONT-SIZE: x-large; LINE-HEIGHT: 120%" onClick="format('fontsize',6);this.parentNode.style.display='none'" href="javascript:void(0)">特大</A>
<!--<A class=n style="FONT-SIZE: xx-large; LINE-HEIGHT: 140%" onClick="format('fontsize',7);this.parentNode.style.display='none'" href="javascript:void(0)">极大</A>-->
</DIV>

<DIV id=divEditor>
<SCRIPT language=JavaScript>
<!--
if(document.all){
document.write('<table width="100%" height:87px border="0" cellspacing="0" cellpadding="0" ><tr><td style="border:1px solid #C5C5C5; border-top:0;"><IFRAME class="HtmlEditor" ID="HtmlEditor" name="HtmlEditor" style="height:'+ contentHight +';width:100%" frameBorder="0" marginHeight=0 marginWidth=0 src="inc/wordEditer/blankpage.htm"></IFRAME></td></tr></table>');
}else{
document.write('<table width="100%" height:83px border="0" cellspacing="0" cellpadding="0" ><tr><td style="border:1px solid #C5C5C5; border-top:0;background-color:#ffffff"><IFRAME class="HtmlEditor" ID="HtmlEditor" name="HtmlEditor" style="height:'+ contentHight +';width:100%;margin-left:1px;margin-bottom:1px;" frameBorder="0" marginHeight=0 marginWidth=0 src="blankpage.htm"></IFRAME></td></tr></table>');
}
//-->
</SCRIPT>
</DIV>
<SCRIPT language=JavaScript>
<!--
if(document.all){
document.write('<textarea ID="sourceEditor" style="height:'+ contentHight +';width:100%;display:none">');
}else{
document.write('<textarea ID="sourceEditor" style="height:'+ contentHight +';width:100%;display:none">');
}
//-->

</SCRIPT>
</BODY></HTML>

⌨️ 快捷键说明

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