求教jsp版的eWebEditor文档在线编辑器

New.jsp
<%@ page contentType="text/html; charset=gb2312"%>
<%@ include file="/DataIni/DataOpen.jsp"%>
<%@ include file="/ScriptLib/Init.jsp"%>
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Dotument">
<title></title>
<link rel="stylesheet" type="text/css" href="/StyleLib/Default_Style_Sheet.css">
</head><body>
<%@ include file="/TemplateLib/Head.jsp"%>
<form action="/System/Doc/NewResult.jsp" method="post" name="BodyForm">
<center>
<table border="0" cellpadding="0" cellspacing="0" width="80%">
  <tr>
    <td width="10%" class="TdClass_Head">设计模板</td>
  </tr>
</table>
<br>
<table border="0" cellpadding="0" cellspacing="0" width="80%">
  <tr>
    <td width="10%" class="TdClass_Head">模板类别</td><td width="90%" class="TdClass_Head">    
    <select name="Category" size=1 style="width:80%">
      <option value="">--请选择--</option>      
<%
odbcQuery="select distinct CategoryID from Doc";
odbcRs=odbcStmt.executeQuery(odbcQuery);
String Category;
Category="";
while(odbcRs.next())
{
Category=(String)odbcRs.getString("CategoryID"); 
%>                
      <option value="<%=Category%>"><%=Category%></option>
<%
}
odbcRs.close();
%>
    </select>
<script>
function New_Category()
{
var m_Category="";
m_Category=window.prompt("请输入新增模板分类","");
if(m_Category)
{
document.BodyForm.Category.length=document.BodyForm.Category.length+1;
document.BodyForm.Category.options[document.BodyForm.Category.length-1].text=m_Category;
document.BodyForm.Category.options[document.BodyForm.Category.length-1].value=m_Category;
document.BodyForm.Category.options[document.BodyForm.Category.length-1].selected="selected";
}
}
</script>
      <input type="button" value="增类" onclick="New_Category()">
    </td>
  </tr>
  <tr>
    <td width="10%" class="TdClass_Head">模板主题</td><td width="90%" class="TdClass_Head"><input name="Subject" size="10" value="" style="width:80%"></td>
  </tr>
  <tr>
    <td width="100%" colspan="2" class="TdClass_Head">模板内容</td>
  </tr>
  <tr>
    <td width="100%" colspan="2"><textarea name="Body" style="visibility:hidden;"></textarea>
    </td>
  </tr>
</table>
</form>
<script>
function OnConfirm()
{
if(document.BodyForm.Subject.value!="")
{
document.BodyForm.submit();
}
else
{
window.alert("模板主题不允许为空!");
}
}
</script>
<table border="0" cellpadding="0" cellspacing="0" width="80%">
  <tr>
    <td width="100%" colspan="2"><%@ include file="/TemplateLib/HtmlEditor.jsp"%></td>
  </tr>
</table>
</br>
<table border="0" cellpadding="0" cellspacing="0" width="80%">
  <tr>
    <td width="50%" class="TdClass_Head"><input type="button" value="确定" id="Confirm" name="Confirm" onclick="OnConfirm()"></td>
    <td width="50%" class="TdClass_Head"><input type="button" value="返回" id="Return" name="Return" onclick="window.location.href='/System/Doc/List.jsp'"></td>
  </tr>
</table>
</center>
<%@ include file="/TemplateLib/Tail.jsp"%>
<%@ include file="/DataIni/DataClose.jsp"%>
</body></html>

解决方案 »

  1.   

    HtmlEditor.jsp
    <style>
    .MyBar{background:buttonface;border-top:1px solid buttonhighlight;border-left:1px solid buttonhighlight;border-bottom:1px solid buttonshadow;border-right:1px solid buttonshadow;} .MyButton{border:1px solid buttonface;text-align:center;cursor:default;} .MyButtonDown{border-left:1px solid buttonshadow;border-right:1px solid buttonhighlight;border-top=1px solid buttonshadow;border-bottom:1px solid buttonhighlight;text-align:center;cursor:default;} .MyButtonOut{background:"";border:1px solid buttonface;text-align:center;cursor:default;} .MyButtonOver{border-left:1px solid buttonhighlight;border-right:1px solid buttonshadow;border-top=1px solid buttonhighlight;border-bottom:1px solid buttonshadow;text-align:center;cursor:default;} .MyButtonUp{border-left:1px solid buttonhighlight;border-right:1px solid buttonshadow;border-top=1px solid buttonhighlight;border-bottom:1px solid buttonshadow;text-align:center;cursor:default;} .MyAPP{border-left:1px solid #EEEEEE;}
    </style>
    <object id="DlgHelper" classid="clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b" width="0px" height="0px"></object>
    <object id="FileDialog" style="left: 0px; TOP: 0px" classid="clsid:f9043c85-f6f2-101a-a3c9-08002b2f49fb" codebase="http://activex.microsoft.com/controls/vb5/comdlg32.cab">
    </object>
    <object id="MinWindow" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
    <param name="Command" value="Minimize">
    </object>
    <div style="left: 0; top: 0; width: 100%; height: 100%; position: relative">
    <table border="0" cellpadding="0" cellspacing="0" width="100%" class="MyBar">
      <tr>
        <td width="100%" class="MyBar">
          <a href="#" onclick='InitFontColor();' title=字色 class="MyButton" onMouseDown="this.className='MyButtonDown';" onMouseUp="this.className='MyButtonUp';" onMouseOver="this.className='MyButtonOver';" onMouseOut="this.className='MyButtonOut';"><img border=0 height=22 width=23 src="/ImgLib/Editor24.gif"></a>      
          <select id="FontSizeDefineID" onchange='var sFontSize=GetSelectValue(this);App.focus();document.execCommand("FontSize",false,sFontSize);App.focus();'>
            <option selected value="">字号</option>
          </select>
          <select id="FontStyleDefineID" onchange='var sFontStyle=GetSelectValue(this);App.focus();document.execCommand("FontName",false,sFontStyle);App.focus();'>
            <option selected value="">字体</option>
          </select>
          
          <a href="#" onclick='ImgLink()' title=图像 class="MyButton" onMouseDown="this.className='MyButtonDown';" onMouseUp="this.className='MyButtonUp';" onMouseOver="this.className='MyButtonOver';" onMouseOut="this.className='MyButtonOut';"><img border=0 height=22 width=23 src="/ImgLib/Editor20.gif"></a>
          <a href="#" onclick='App.focus();document.execCommand("CreateLink");App.focus();return false;' title=链接 class="MyButton" onMouseDown="this.className='MyButtonDown';" onMouseUp="this.className='MyButtonUp';" onMouseOver="this.className='MyButtonOver';" onMouseOut="this.className='MyButtonOut';"><img border=0 height=22 width=23 src="/ImgLib/Editor19.gif"></a>
          <a href="#" onclick='App.focus();document.execCommand("InsertHorizontalRule");App.focus();return false;' title=水平线 class="MyButton" onMouseDown="this.className='MyButtonDown';" onMouseUp="this.className='MyButtonUp';" onMouseOver="this.className='MyButtonOver';" onMouseOut="this.className='MyButtonOut';"><img border=0 height=22 width=23 src="/ImgLib/Editor21.gif"></a>
          <a href="#" onclick='PrintFile()' title=打印 class="MyButton" onMouseDown="this.className='MyButtonDown';" onMouseUp="this.className='MyButtonUp';" onMouseOver="this.className='MyButtonOver';" onMouseOut="this.className='MyButtonOut';"><img border=0 height=22 width=23 src="/ImgLib/Editor22.gif"></a>
          <a href="#" onclick='App.focus();document.execCommand("SelectAll");document.execCommand("Print");App.focus();return false;' title=预览 class="MyButton" onMouseDown="this.className='MyButtonDown';" onMouseUp="this.className='MyButtonUp';" onMouseOver="this.className='MyButtonOver';" onMouseOut="this.className='MyButtonOut';"><img border=0 height=22 width=23 src="/ImgLib/Editor23.gif"></a>
        </td>
      </tr>
      <tr>
        <td width="100%" align="center" valign="center" height="200" bgcolor="#FFFFFF" class="MyAPP">
          <br>
          <table border="0" cellpadding="0" cellspacing="0" width="80%">
            <tr>
              <td width="100%" style="border: 0 solid #000000">
                <table border="0" cellpadding="0" cellspacing="0" width="100%" height="300">
                  <tr>
                    <td width="99%" height="300" bgcolor="#F7F7F7" style="border-left: 1 solid #000000; border-right-style: solid; border-right-width: 0; border-top: 1 solid #000000; border-bottom-style: solid; border-bottom-width: 0">
                      <div align=left id=App style="background-color:#F7F7F7;height:380px;overflow:auto;width:100%;z-index:2" contentEditable></div>
                    </td>
                    <td width="1%" bgcolor="#F7F7F7" style="border-left-style: solid; border-left-width: 0; border-right: 1 solid #000000; border-top: 1 solid #000000; border-bottom-style: solid; border-bottom-width: 0">&nbsp;</td>
                  </tr>
                  <tr>
                    <td width="99%" bgcolor="#F7F7F7" style="border-left: 1 solid #000000; border-right-style: solid; border-right-width: 0; border-top-style: solid; border-top-width: 0; border-bottom: 1 solid #000000">&nbsp;</td>
                    <td width="1%" bgcolor="#F7F7F7" style="border: 0 solid #000000"><img src="/ImgLib/∠.gif" WIDTH="13" HEIGHT="13"></td>
                  </tr>
                </table>                      
              </td>
            </tr>
          </table>
          <br>
        </td>
      </tr>
      <tr>
        <td width="100%" class="MyButtonDown">&nbsp;</td>
      </tr>
    </table>
    <script>
    function GetSelectValue(combox)
    {
    for(i=0;i<combox.length;i++)
    {
    if(combox.options[i].selected)
    {
    return combox.options[i].text;
    }
    }
    return null;
    }
    function InitFontColor()
    {
    var sColor=DlgHelper.ChooseColorDlg();
    sColor=sColor.toString(16);
    if(sColor.length<6)
    {
       var sTempString="000000".substring(0,6-sColor.length);
       sColor=sTempString.concat(sColor);
    }
    App.focus();
    document.execCommand("ForeColor",false,sColor);
    App.focus();
    return false;
    }
    function InitFontSize()
    {
    FontSizeDefineID.length=8;
    for(i=1;i<8;i++)
    {
    FontSizeDefineID.options[i].text=i;
    FontSizeDefineID.options[i].value=i;
    }
    return false;
    }
    function InitFontStyle()
    {
    /*
    try
    {
    var iLen=DlgHelper.fonts.count;
    FontStyleDefineID.length=iLen;
    for(var kIndex=1;kIndex<iLen;kIndex++)
    {
    FontStyleDefineID.options[kIndex].text=DlgHelper.fonts(kIndex);
    FontStyleDefineID.options[kIndex].value=DlgHelper.fonts(kIndex);
    }
    }
    catch(e)
    {window.confirm(e);}
    */
    return false;
    }
    InitFontSize();
    InitFontStyle();
    </script>
    </div>
      

  2.   


    TO： gjd111686(数字金刚) [email protected]
    麻烦给我发一份。谢谢！
      

  3.   

    to: gjd111686(数字金刚) 麻烦能说得详细一点吗？或者打包发给我。
      

  4.   

    同求！
    感谢数字金刚大哥了！
    [email protected]
      

  5.   

    [email protected]
    gjd111686(数字金刚):可以给我一份吗？谢谢 
      

  6.   

    正需要这个，麻烦gjd111686(数字金刚):也给我一份，好吗
    [email protected]
      

  7.   

    UPUP
    还有哪位XD有JSP版的大家一起共享下啊
      

  8.   

    EWEBEDITOR编辑器内容在JSP里怎么接受值啊
      

  9.   

    金刚给一个
    [email protected]
      

  10.   

    好多人都有的，其实那个玩意很简单的。网上的是asp的，稍作修改就是jsp的
      

  11.   

    http://soft.cnzz.cn/downloadsoft/12569/11.aspx
    ftp://sh:[email protected]/Jsp/其他类别/eWebEditor在线文本编辑器飞鱼修改版.zip