ckeditor4配置使用

最新推荐文章于 2025-06-11 09:00:04 发布

「已注销」

最新推荐文章于 2025-06-11 09:00:04 发布

阅读量2.4k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/blog4j/article/details/8594119

本文介绍如何在JSP项目中集成CKEditor富文本编辑器，并提供了两种集成方法及配置示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

下载地址：http://ckeditor.com/download

下载时选择Full package

将得到的ckeditor文件夹拷贝到项目的WebRoot文件夹下

编写jsp文件引入ckeditor的js：

引入jquery的js：

第一种方式：

js脚本：

编辑区域：

<textarea name="editor1"><p>Initial value.</p></textarea>

第二种方式：

无脚本：

编辑区域：

<textarea class="ckeditor" name="editor1"><p>Initial value.</p></textarea>

默认给出了所有的toolbar，可以修改config.js进行配置：

包含所有toolbar的config.js：

/**
* @license Copyright (c) 2003-2012, 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.toolbar =
       [
       ['Source','-','Save','NewPage','Preview','-','Templates'],
       ['Cut','Copy','Paste','PasteText','PasteFromWord','-','Print', 'SpellChecker', 'Scayt'],
       ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
       ['Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField'],
       '/',
       ['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','-','About']
       ];
};

解决ie兼容性问题：

将myeclipse自动生成的jsp文件的文档定义：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

换成：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">