CKEditor在jsp中的应用

最新推荐文章于 2019-07-04 16:38:22 发布
最新推荐文章于 2019-07-04 16:38:22 发布
阅读量666 收藏
点赞数

CKEditor在jsp中的应用

　　CKEditor即大名鼎鼎的FCKeditor终于在最近发布新版本了，与增加版本号不同，这次完全把它改名了，更名为CKeditor。这应该是和它的开发公司CKSource的名字有关吧，该公司的另一个产品为CKFinder（一个Ajax文件管理器），这次可能为了保持一致，将FCK更改为CK，但是版本号继承了下来，为CKeditor3.0版。

使用CKEditor是非常简单的，下面介绍如何在jsp中使用它。

1、到官网上下载最新的发行包http://ckeditor.com或者去这个网站也行http://ckeditor.com.cn/

2、解压后将起复制到自己web工程的WebRoot(哪个目录都无所谓，我这里为方便)下。

3、部署工程，启动应用服务器。如果想看一下效果的话可以

访问http://localhost:8080/应用名/ckeditor/index.html

4、写两个jsp页面。

a.jsp

<%@page pageEncoding="utf-8"%>

<html>
 <head>
  <title>My Editor...</title>
  <script type="text/javascript" src="ckeditor/ckeditor.js"></script>
 </head>
 <body>

  <form action="b.jsp" method="post">
   <p>
    <label for="editor1">
     Editor 1:
    </label>
    <br />
    <textarea cols="80" id="editor1" name="editor1" rows="10">我自己的编辑器。。。。。。</textarea>
    <script type="text/javascript">
 CKEDITOR.replace('editor1');
</script>
   </p>
   <p>
    <input type="submit" value="Submit" />
   </p>
  </form>
 </body>
</html>


b.jsp

<%@page pageEncoding="utf-8"%>

<html>
 <head>
  <title></title>
 </head>
 <body>
<%=request.getParameter("editor1") %>
 </body>

</html>

可以看到在页面加载的时候会执行js代码的 CKEDITOR.replace('editor1')，就是加载编辑器。

实验成功后就可以写点东西，改改样式提交给b.sjp，在b.jsp中打印出来就行了。

5、中文乱码的问题
在编辑框中直接输入中文提交的话b.jsp可能会输出乱码，是因为应用服务器默认的解码方式是iso8859，而我们设置的是utf8，解决办法有：

a>b.jsp页面中取得数据时转码：

<%=new String(request.getParameter("editor1").getBytes("ISO-8859-1"),"utf8") %>。
b>可以在web.xml中添加过滤器，设置页面统一编码为utf8。
c>还有其它方式没有试过，可以到网上查一下。



转载：http://blog.sina.com.cn/s/blog_661a578e0100il4o.html

dudfur
关注
在jsp中使用CKEditor编辑器
灰太狼的博客
04-27 450
一、下载CKEditor        1. 直接下载地址，当前最新版本为3.6：http://ckeditor.com/download 二、安装CKEditor        解压ckeditor_3.5.zip，得到ckeditor文件夹，将ckeditor整个文件夹复制到项目工程的根目录下，即WebRoot下  三、验证CKEditor是否安装成功     
javaweb编辑器ckeditor配置_ckEditor在jsp中的使用
weixin_39810901的博客
12-19 306
要使用ckeditor，当然首先就是去http://ckeditor.com/ (ckeditor网站)下载ckeditor的压缩包，现在最新的是ckeditor_3.3.zip下载后将压缩包解压，将解压后文件夹中的ckeditor文件夹copy到自己的web项目的WebRoot目录下。打开ckeditor目录，可以看到文件夹结构如下ckeditor---_samples---_source---...
ckEditor在jsp中的使用
04-21
ckEditor在jsp中的使用zckEditor在jsp中的使用
在JSP中使用JS方式引用ckeditor
cooliceman的专栏
05-31 9696
J2EE JAVA WEB项目 JSP页面中使用CKeditor在线编辑器
JSP中使用CKEditor的简单例子
WhereYouGo的专栏
11-29 2580
官网http://ckeditor.com/download下载连接中看到最新的版本为4.4.6，但是下载了基本版，标准版，完全版都没法用，现象是将ckeditor复制到myEclipse的WebRoot目录后会报错，说ckeditor.js有错误，这个文件竟然是没有分行和回车的js代码，错误不止一处，看着挺麻烦，就放弃这个版本。 然后从http://ckeditor.com/downloa
在jsp页面中使用CKEditor
小马哥(新博客地址 http://maruifu.cn )
10-06 2708
一、下载ckeditor_4.5.4_full.zip和ckeditor-java-core-3.5.3.zip两个压缩文件，去http://ckeditor.com/官网上下载。 二、解压缩文件ckeditor_4.5.4_full.zip和ckeditor-java-core-3.5.3.zip两个文件，在ckeditor-java-core-3.5.3文件中有ckeditor-java-co
CKEditor在jsp中实现文件上传的例子
04-15
在企业级应用开发中，尤其是Java Web开发环境下，经常会遇到需要将CKEditor集成到JSP页面中的需求。 #### 二、CKEditor在JSP中实现文件上传的技术背景 为了更好地理解如何在JSP中集成CKEditor并实现文件上传功能，...
jsp中使用ckeditor
01-07
在实际应用中，你需要将`ckeditor-java-core-3.5.3.jar`加入到Web应用的`WEB-INF/lib`目录下，这样就可以在JSP中引用这个库了。 接下来是集成CKEditor的步骤： 1. **引入CKEditor资源**：在你的JSP页面中，需要...
JSP中应用CKEditor在线编辑器
08-07
**JSP中应用CKEditor在线编辑器** CKEditor是一款强大的富文本编辑器，常用于网页内容的创建和编辑。在Java Web开发中，特别是在使用JSP（JavaServer Pages）技术时，CKEditor能够提供一个用户友好的界面，使得非...
JSP中简单使用CKEditor入门教程
linshenshijianlu的博客
07-27 1174
一、下载CKEditor        1. 直接下载地址，当前最新版本为3.6：http://ckeditor.com/download 二、安装CKEditor        解压ckeditor_3.5.zip，得到ckeditor文件夹，将ckeditor整个文件夹复制到项目工程的根目录下，即WebContent下  目录如下： 三、验证CKEdi
jsp使用CKEditor
czp1001的专栏
09-26 2014
在线编辑器最好的当然是CKEditor.本文介绍CKEditor在jsp环境下的使用。（至少JRE 1.4 and Servlet 2.5/JSP 2.1） 下载 http://ckeditor.com/download，推荐下载 ckeditor-java-3.6.4，关键的包是 ckeditor-java-core-3.x.y.jar，x,y表示版本号。目前最新是3.5.3。解压后把cked
CKEditor在JSP网页中的5种用法
北极悠蓝的技术博客
12-24 386
[size=medium][b] CKEditor用法目前分为两类，一种是纯前端的替换Textarea标签实现，第二种则是使用自定义tag实现，这种方式需要导入JAR包和添加tag说明（JSP）。[/b][/size] 使用textarea替换，其实有三种。第一种是替换CSS样式，修改class。第二种是自己现在网页里面写好textarea，然后调用JS完成替换，第三种则就是直接生成textar...
在jsp里使用在线编辑器ckeditor
xiaomage1314的博客
09-07 962
jsp中标签内引入js文件 在body里面使用 页面即可显示在线编辑器了 在计算中使用CKEDITOR.instances.replyBody.getData()即可取到在线编辑器中的内容 下面附上ckeditor编辑器的使用api连接 ckeditor api
CKEditor的安装与基本使用（JSP）
jian89jian的专栏
08-12 406
CKEditor的安装与基本使用（JSP） 一、下载CKEditor 1. 直接下载地址，当前最新版本为3.5： http://download.cksource.com/CKEditor/CKEditor/CKEditor%203.5/ckeditor_3.5.zip 2. 或者可直接到官方网站下载： http://cke
【Java笔记】ckeditor编辑器使用报错：CKEDITOR is not defined
chibuqikendeji的博客
07-04 6478
在项目中将编辑器更改为 editor 时，报错：CKEDITOR is not defined。 我这里的现象是：在 idea 上面启动项目访问没有出错，但是部署到服务器上，使用特定客户端访问时出错。 在保证 ckeditor.js 文件能正常访问的情况下，还是会出现这个问题。考虑到是否是客户端使用的浏览器内核太低，导致版本不兼容。最后在Stack Overflow上看到了一个提问，和我...
在jsp上嵌入CKEditor编辑器（亲测有效）
qq_43392001的博客
04-25 1223
CKEditor即大名鼎鼎的FCKeditor，改版后更名为CKeditor。这应该是和它的开发公司CKSource(波兰华沙的公司)的名字有关吧，该公司的另一个产品为CKFinder（一个Ajax文件管理器），这次可能为了保持一致，将FCK更改为CK。 1、下载CKEditor。 链接：https://ckeditor.com/ 我用的是CKEditor 4。建议下载完全包（Full Pack...
08-React redux
最新发布
09-14
redux 相关代码以及 redux 开发者工具
C#中的数据库迁移是如何实现的
09-14
在C#中，数据库迁移是Entity Framework（EF）的一个核心功能，它允许开发者通过代码变更来更新数据库结构。以下是如何在C#中使用Entity Framework实现数据库迁移的详细步骤和代码示例。 Entity Framework的迁移功能为C#开发者提供了一种强大的工具，用于管理和应用数据库架构的变更。通过上述步骤和命令，可以在开发过程中轻松地同步模型和数据库的更改。在实际开发中，应确保在应用迁移之前充分测试，以避免数据丢失或不一致的问题。 在C#中，数据库迁移是Entity Framework（EF）的一个核心功能，它允许开发者通过代码变更来更新数据库结构。以下是如何在C#中使用Entity Framework实现数据库迁移的详细步骤和代码示例。 Entity Framework的迁移功能为C#开发者提供了一种强大的工具，用于管理和应用数据库架构的变更。通过上述步骤和命令，可以在开发过程中轻松地同步模型和数据库的更改。在实际开发中，应确保在应用迁移之前充分测试，以避免数据丢失或不一致的问题。
ckeditor在JSP中的配置与使用详解
"该资源是一份关于ckeditor配置的详解文档，涵盖了ckeditor的下载、解压、文件夹结构分析以及在JSP中的应用实例。" 在Web开发中，CKEditor是一款非常流行的富文本编辑器，它提供了丰富的文本格式化功能，使得用户在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值