您的位置：首页 > Web前端 > JavaScript

JSP中简单使用CKEditor入门教程

2017-07-27 23:24 627 查看

一、下载CKEditor

   1. 直接下载地址，当前最新版本为3.6：http://ckeditor.com/download

二、安装CKEditor

   解压ckeditor_3.5.zip，得到ckeditor文件夹，将ckeditor整个文件夹复制到项目工程的根目录下，即WebContent下

目录如下：

三、验证CKEditor是否安装成功

   部署运行项目，访问: http://localhost/项目名称/ckeditor/_samples/index.html（此处项目名为sample）
   则可出现 “CKEditor Samples List” 的Demo页面，说明CKeditor已安装成功

四、编写一个JSP（test.jsp）代码如下：

<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<body>

<head>

<script type="text/javascript" src="<%=request.getContextPath()%>/ckeditor/ckeditor.js"></script>

<script type="text/javascript">

//<![CDATA[

CKEDITOR.replace('content',{toolbar:'Full',skin:'kama'});

//]]>

</script>

<title>jCuckoo 's ckedit page</title>

</head>

<body>

<textarea class="ckeditor" cols="80" id="content" name="content" rows="10">

CKEditor Test......(此处的内容会在编辑器中显示)</textarea>

</body>

</html>

五、运行结果如下：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： ckeditor jsp

相关文章推荐

新的分享

章节导航