微科社区,轻松开发从此开始! 请登陆 免费注册

微科社区

当前位置:首页 > Java平台 > Servlet/JSP >

在Jsp页面中引入CKEditor

时间:2017-01-15 03:51  浏览:努力统计中...
FCKeditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。它志于轻量化,不需要太复杂的安装步骤即可使用。它可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及AB

        FCKeditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。它志于轻量化,不需要太复杂的安装步骤即可使用。它可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的编程语言相结合。“FCKeditor”名称中的“FCK” 是这个编辑器的作者的名字Frederico Caldeira Knabben的缩写。现已改名为CKeditor。

        要使用CKEditor,首先要下载开发包,官网http://ckeditor.com/ 提供最新版下载,下载后包含源码和例子,当然正式运行中并不需要这些东西。 

        步骤:
         1.需要一个CKEditor for Java的jar包,我使用的是目前最新版 ckeditor-java-core-3.5.3.jar。
         2.将jar包引入自己的web工程。
         3.将下载的安装包解压以后复制到工程的WebRoot目录下。
       在myeclipse中的目录结构为:
 

 (由于下载的文件代码排列问题,我的myelipse显示有错误,由于不需编译和运行,所以不影响部署和启动tomcat)
   下面是test.jsp中的代码:

1. <%@page pageEncoding="GB18030"%> 
2. <%@taglib prefix="ck" uri="http://ckeditor.com"%> 
3. <% 
4.     String path = request.getContextPath();   
5.     String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";   
6. %> 
7. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
8. <html> 
9.     <head> 
10.     <base href="http://www.cn-java.com/www1/<%=basePath%>">   
11.         <title>Ckeditor Test</title> 
12.         </head> 
13.         <body>    
14.         <textarea rows="15" cols="80" id="content"></textarea>   
15.         <ck:replace replace="content" basePath="ckeditor"></ck:replace>   
16.         <!-- tag标签使用replace或editor的区别:editor是增加,replace是替换原来的     
17.         <ck:editor editor="content" basePath="ckeditor" ></ck:editor> 
18.          --> 
19.         </body>   
20. </html> 

        部署并启动server后打开http://localhost:8080/CKEditor/test.jsp即可看到效果图,成功。
        更多的关于CKEditor的细节和用法,有官方文档或更多前人写的博文,所以不再赘述。

查看全部1条评论

最新评论

  • 删除 引用2441022295 (2012-9-24 16:54:52, 评分: 0 )

    不多的好文章啊!!
    www.dfdzpcb.com 阴茎增大
    www.jishiyaofang.com 超级P57
    www.KYKYY.COM 充气仿真娃娃
    www.jskmvchina.com 怎么样才能生儿子
    www.cdwucheng.com 脚气的治疗方法
    www.am688.com 阴茎短小
    www.jxhaichuan.com  快高
    www.chxtn.com wifi密码破解
查看全部1条评论

    顶一下
    (0)
    0%
    踩一下
    (0)
    0%
    ------分隔线------
    栏目列表
    推荐内容