`

Jsp使用FCKEditor的一个例子

 
阅读更多
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<%@ page language="java" contentType="text/html; charset=GBK" pageEncoding="GBK"%>  
   
 <%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %>  
 <%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>  
<%@taglib uri="/WEB-INF/FCKeditor.tld" prefix="fck"%>  
  
 <%@ page import="java.util.*" %>  
 <%@ page import="org.zcinfomanage.common.ZCStaticData" %>  
 <%@ page import="org.zcinfomanage.column.dao.SiteColumnDAOImpl" %>  
<%@ page import="org.zcinfomanage.pagemanage.po.SiteColumn" %>     
<%String appContext = request.getContextPath(); %>  
<html>  
     <head><title>Test</title>  
         <script type="text/javascript">  
             function GetInnerHTML(){  
                 // Get the editor instance that we want to interact with.  
                 var oEditor = FCKeditorAPI.GetInstance('testfck');  
                 alert( oEditor.EditorDocument.body.innerHTML ) ;  
            }  
         </script>  
     </head>  
       
     <link href="css.css" rel="stylesheet" type="text/css" />  
  <body>  
    
   
 <FORM name="webPageForm" action="<%=appContext %>/webPageManage.do?method=addWebPage" method="post">  
       
    
  <table width="97%" border="0" cellspacing="1" cellpadding="2" class="borde2">  
     <tr>  
       <td height="40" background="UserFiles/Image/bg_table.jpg" bgcolor="#CBE9F9" class="jianju5 jianju4 fontBlueno">  
         <html:messages id="message" message="true">  
                 <font color="#ff0000">  
                     <LI>  
                         <bean:write name="message"/>  
                     </LI>  
                 </font>  
         </html:messages>    
       </td>  
     </tr>  
   </table>  
  <table width="97%" cellpadding="2" cellspacing="1">  
     <tr>  
         <td height="40" bgcolor="#FFFFCC" class="w">&nbsp;&nbsp;&nbsp;&nbsp;栏目名称:  
             <select name="siteColumnID">  
                 <OPTION value="0" >请选择栏目</OPTION>             
             <%  
                 List siteColumnList = ZCStaticData.getSiteColumnList();  
                 if(siteColumnList == null || siteColumnList.size() == 0){  
                     siteColumnList = new SiteColumnDAOImpl().getSiteColumnList();  
                     ZCStaticData.setSiteColumnList(siteColumnList);  
                 }  
                   
                 for(Iterator it = siteColumnList.iterator(); it.hasNext();){  
                     SiteColumn siteColumn = (SiteColumn)it.next();  
             %>  
             <OPTION value=<%=siteColumn.getId()%> >  
                 <%=siteColumn.getColumnName()%>  
             </OPTION>  
             <%  
                 }  
             %>  
       </select>     </td>  
     </tr>  
       
     <tr>  
         <td height="40" bgcolor="#FFFFCC" class="w">  
             &nbsp;&nbsp;&nbsp;&nbsp;生成的Html文件名称:&nbsp;  
             <input name="fileName" type="text"/>  
             &nbsp;&nbsp;[例如:cpynews11.html&nbsp;&nbsp;注意:文件名不能是中文]</td>  
     </tr>  
       
     <tr >  
         <td class="w" height="40" bgcolor="#FFFFCC">  
            &nbsp;&nbsp;&nbsp;&nbsp;文章标题:&nbsp;  
             <input name="fileTitle" type="text"/>  
             &nbsp;&nbsp;</td>  
     </tr>  
    
 <tr>  
     <td bgcolor="#FFFFCC">&nbsp;&nbsp;&nbsp;&nbsp;  
           <fck:editor id="fileContent" basePath="" height="400px" width="800px"  
                skinPath="/zcifmg/editor/skins/default/" toolbarSet="Default"   
                 imageBrowserURL="/zcifmg/editor/filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector"   
                 linkBrowserURL="/zcifmg/editor/filemanager/browser/default/browser.html?Connector=connectors/jsp/connector"   
                 flashBrowserURL="/zcifmg/editor/filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector"   
                 imageUploadURL="/zcifmg/editor/filemanager/upload/simpleuploader?Type=Image"   
                 linkUploadURL="/zcifmg/editor/filemanager/upload/simpleuploader?Type=File"   
                flashUploadURL="/zcifmg/editor/filemanager/upload/simpleuploader?Type=Flash">  
          </fck:editor>  
     </td>  
 </tr>  
   
 <tr>  
     <td>  
     <input type="submit" value="提交"/>    
     <input type="reset" value="重置"/>  
  </td>  
 <tr>  
   </table>  
          
  </FORM>  
     
    
   </body>  
 </html>  

 

 public ActionForward addWebPage(ActionMapping mapping, ActionForm form,  
            HttpServletRequest request, HttpServletResponse response) throws Exception{  
         ActionForward forward = mapping.findForward("addPageSucc");  
         
        try{  
           WebPageForm pageForm = (WebPageForm)form;  
            webPageService.addHtmlPage(pageForm);  
            super.saveFailure(request,"文章添加成功!");  
               
        }catch(BusinessException be){  
            be.printStackTrace();  
            super.saveFailure(request,be.getMessage());  
         }  
          
         return forward;  
     }  
 

 

分享到:
评论

相关推荐

    jsp中使用FCKEditor

    2. **部署资源**:将解压后的FCKeditor文件夹放置到JSP项目的WebContent目录下,通常会将其放在一个合适的子目录如`editor`或`js`中。 3. **引入JavaScript库**:在需要使用FCKEditor的JSP页面中,通过`&lt;script&gt;`...

    FCKeditor应用完整例子

    综上所述,这个压缩包提供的"FCKeditor应用完整例子"是一个实用的学习资源,它涵盖了从编辑器的集成、富文本处理到文件上传的全过程,对于J2EE、JSP和Struts2的开发者来说,是一个深入理解FCKeditor和Web应用开发的...

    FckEditor2.6 jsp例子

    fckeditor在线编辑器的jsp例子 测试ok 在网上找了好久,才找到一个带有jsp 的相关文件,所以重新做了一个。 传上来大家分享下,给更多想用的人

    功能强大的jsp版FCKeditor编辑器控件+使用例子

    在Java JSP(JavaServer Pages)应用中,FCKeditor通常作为页面的一个组件来嵌入,用于提供用户友好的内容编辑界面。使用FCKeditor需要引入相关的JavaScript库和CSS样式表,并在JSP页面中通过JavaScript代码实例化...

    JSP例子:Fckeditor整合web EQ 公式编辑器

    通过以上步骤,你就可以在JSP应用中成功整合FCKeditor与web EQ,实现一个强大的带有数学公式编辑功能的富文本编辑器。这将特别有利于教育和科研类网站,使得用户能方便地发布和分享含有复杂数学公式的文章。

    用MyEclipse集成FCKeditor的几个小例子

    1. 简单的文本编辑:创建一个表单,使用FCKeditor作为文本输入框,用户可以直接在界面上编辑文本,提交后保存到数据库。 2. 图片上传:集成FCKeditor的图片上传功能,允许用户在编辑器中选择本地图片并上传至服务器...

    FCKeditor for java例子

    FCKeditor 是一个基于JavaScript的开源富文本编辑器,支持多种浏览器如IE、Firefox、Chrome等。它允许用户在网页上编辑HTML内容,提供类似于Word的界面和功能,包括字体设置、颜色调整、图片上传等。 2. **集成...

    fckeditor2.6 for jsp

    jsp 程序调用fckeditor2.6 版本的 小例子 本人发现fckeditor2.6加 fckeditor for 2.3 的时候在上传中文文件的时候会出现乱码 所以本人就小改了一下 fckeditor2.3的源代码,以时间重命名上传文件名,没什么技术...

    FCKeditor for jsp example

    3. **创建编辑器实例**:在jsp页面中,你需要创建一个FCKeditor实例,上面的代码创建了一个名为`editor`的编辑器,高度为300像素,并且初始值为空。 4. **与服务器交互**:FCKeditor允许用户上传文件,如图片或文档...

    jsp中fckeditor的几种使用,一看便知。

    在JSP中创建FCKeditor实例,首先需要选择一个HTML元素(通常是`textarea`)作为编辑器的容器。例如: ```html ;height:300px;"&gt; ``` 然后在JavaScript中初始化FCKeditor,代码如下: ```javascript window.onload...

    FCKeditor jsp版本

    **FCKeditor JSP版本详解...综上所述,FCKeditor JSP版本是一个强大的富文本编辑解决方案,它为Java Web开发带来了方便的文本编辑功能。不过,随着技术的发展,开发者应关注更现代的替代品,以保持应用的安全性和性能。

    jsp中配置 FCKeditor2.3(转)

    以下是一个基本的例子: ```html ;height:400px;"&gt; window.onload = function() { var oFCKeditor = new FCKeditor( 'myEditor' ) ; oFCKeditor.BasePath = '/fckeditor/' ; // 设置FCKeditor的基础路径 ...

    fckeditor在jsp中的简单使用(Netbeans)

    完成以上步骤后,运行你的JSP项目,你应该能在页面上看到一个功能完备的FCKeditor编辑器。尝试输入一些文本,提交表单,然后在服务器端查看接收到的内容,确保数据传输无误。 总结,使用FCKeditor在JSP中创建富文本...

    jsp语言编写的FCKEditor测试程序

    总之,"jsp语言编写的FCKEditor测试程序"是一个很好的学习资源,可以帮助开发者掌握在Web应用中使用富文本编辑器的技巧,提高项目中的内容编辑功能。通过深入研究和实践,可以进一步提升在Web开发中的综合能力。

    FCKeditor

    在这个例子中,`oFCKeditor.Create()`方法会在id为`myEditor`的textarea位置创建一个FCKeditor实例。 ### 四、加载到MyEclipse 要将FCKeditor加载到MyEclipse中,你需要按照以下步骤操作: 1. **创建Web项目**:...

    java与fckeditor例子

    Java与FCKeditor是Web开发中的一个典型组合,主要用于实现富文本编辑功能。FCKeditor是一款开源的在线HTML编辑器,而Java则是后端的强大编程语言。在这个例子中,我们将探讨如何将两者结合,以便在Java驱动的Web应用...

    FCKeditor2.3 For Java( JSP ) 和 本人亲自做的例子(可以直接运行)

    附件分两个部分FCKeditor2.3和本人亲自做的例子(可以直接运行)! 各位朋友下载之后,直接在Eclipse (我的版本是5.5)里面直接Import进去就可以了!无需修改任何东西,导入进去之后,在Tomcat里面部署,启动Server,...

    FCKeditor在java web程序中的使用介绍

    FCKeditor.java是一个配套库,专为在Java环境中使用FCKeditor而设计,由Simone Chiaretta开发。你可以从官方站点获取FCKeditor.java的2.3.2版本。 以下是将FCKeditor集成到Java Web项目的基本步骤: 1. 创建一个新...

    fckeditor例子

    3. **创建编辑页面**:在JSP页面中,引入FCKeditor的JavaScript文件,并创建一个textarea标签,其name属性对应Action类中的属性名。然后,使用FCKeditor的JavaScript API替换textarea,创建编辑器实例。 ```html ...

Global site tag (gtag.js) - Google Analytics