jsp使用CKEditor
来源:互联网 发布:那个淘宝网最好最便宜 编辑:程序博客网 时间:2024/05/17 08:06
在线编辑器最好的当然是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。解压后把ckeditor放入你的工程目录,(当然你可以删除其中像_samples等无实际意义的文件夹);把 ckeditor-core.jar放入工程类加载目录(lib\)。
在Jsp文件导入必要包,
<%@page import="com.ckeditor.CKEditorConfig"%><%@page import="com.ckeditor.EventHandler"%>
标签引入,
<%@ taglib uri="http://ckeditor.com" prefix="ckeditor" %>
下面是例子,
<html><body><form action="getEditor.jsp" method="post"><p><label for="editor1">Editor 1:</label><textarea cols="80" id="editor1" name="editor1" rows="10"></textarea></p><p><input type="submit" value="Submit" /></p></form><% CKEditorConfig settings = new CKEditorConfig();//settings.addConfigValue("toolbar","[[ 'Source', '-', 'Bold', 'Italic' ]]");%><ckeditor:replace replace="editor1" basePath="ckeditor/" /></body></html>
核心是利用ckeditor标签replace一个textarea。你也可以进行各种定制,比如定义编辑器样式、工具栏等。
以下介绍如何将CKEditor和CKFinder组合使用,因为如果不这样,编辑器上传图片等功能是无法使用的。CKFinder的单独配置这里不介绍,相关可以查看笔者以前的博客。
组合的方法可以采取taglib的方式,也可以采用Js的方式。
Taglib:
<%@ taglib uri="http://cksource.com/ckfinder" prefix="ckfinder" %>然后使用:<ckfinder:setupCKEditor basePath="ckfinder/" editor="editor1" />
Js:
var editor = CKEDITOR.replace( 'editor1' );CKFinder.setupCKEditor( editor, '/ckfinder/' );
当然上述两种方式都可以进一步自定义设置。效果图如下:
- JSP使用ckeditor
- jsp使用CKEditor
- 在JSP里使用CKEditor和CKFinder
- 在JSP里使用CKEditor和CKFinder
- 在JSP里使用CKEditor和CKFinder
- 在JSP里使用CKEditor和CKFinder
- JSP中使用CKEditor的简单例子
- 在JSP里使用CKEditor和CKFinder
- 在JSP里使用CKEditor和CKFinder
- 在jsp页面中使用CKEditor
- 在JSP里使用CKEditor和CKFinder
- 在jsp中使用CKEditor编辑器
- ckeditor jsp使用实现form上传
- 在JSP里使用CKEditor和CKFinder
- 在JSP里使用CKEditor和CKFinder
- JSP中简单使用CKEditor入门教程
- 在jsp里使用在线编辑器ckeditor
- 在JSP里使用CKEditor和CKFinder
- [笔记]eclipse中批量修改Java类文件中引入的package包路径 - [工具使用]
- hdu 4640 Island and study-sister
- interface 和 dispinterface 区别
- Eclipse reports rendering library more recent than ADT plug-in.Please update ADT plug-in
- smarty 里面如何判断 是最后一条记录 就不输出 “|”
- jsp使用CKEditor
- NYOJ 题目1 A+B Problem
- java Object类中的toString方法
- CFGYM 2013-2014 CT S01E03 D题 费用流模版题
- python 探索(三) Python CookBook 文本处理 笔记
- 为何要面向对象——封装
- 并发情况下synchronized死锁
- hdu 4745 Two Rabbits
- NYOJ 题目13 Fibonacci数