Ckeditor简单的数据提交
主要在两个jsp页面之间的提交
index.jsp
<%@ page language="java" 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><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title><script type="text/javascript" src="ckeditor/ckeditor.js"></script><script type="text/javascript">window.onload = function() {CKEDITOR.replace('editor');};</script></head><body><form action="show.jsp" method="post"><textarea rows="" cols="" name="editor"></textarea><br /> <input type="submit" value="提交"><input type="reset"></form></body></html>?
展示显示内容的jsp页面
show.jsp
<%@ page language="java" 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><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title></head><body><%request.setCharacterEncoding("UTF-8");String data = request.getParameter("editor");%><%=data%></body></html>?
config.js
/* * Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved. * For licensing, see LICENSE.html or http://ckeditor.com/license */CKEDITOR.editorConfig = function(config) {// Define changes to default configuration here. For example:// config.language = 'fr';// config.uiColor = '#AADC6E';config.language = 'zh-cn';config.filebrowserBrowseUrl = 'ckeditor/uploader/browse.jsp';config.filebrowserImageBrowseUrl = 'ckeditor/uploader/browse.jsp?type=Images';config.filebrowserFlashBrowseUrl = 'ckeditor/uploader/browse.jsp?type=Flashs';config.filebrowserUploadUrl = 'ckeditor/uploader/upload.jsp';config.filebrowserImageUploadUrl = 'ckeditor/uploader/upload.jsp?type=Images';config.filebrowserFlashUploadUrl = 'ckeditor/uploader/upload.jsp?type=Flashs';config.filebrowserWindowWidth = '640';config.filebrowserWindowHeight = '480';config.toolbar_A = [['Source'],['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-','Print', 'SpellChecker', 'Scayt'],['Undo', 'Redo', '-', 'Find', 'Replace', '-', 'SelectAll','RemoveFormat'],'/',['Bold', 'Italic', 'Underline', 'Strike', '-', 'Subscript','Superscript'],['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent','Blockquote'],['JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'],['Link', 'Unlink', 'Anchor'],['Image', 'Flash', 'Table', 'HorizontalRule', 'Smiley','SpecialChar', 'PageBreak'], '/',['Styles', 'Format', 'Font', 'FontSize'], ['TextColor', 'BGColor'],['Maximize', 'ShowBlocks']];config.toolbar = 'A';};?
还有上传功能实现，可以参照前面的Ckeditor上传功能
?
设置完成后，加入一些上传的加包，就可以实现效果了
?