文本编辑器ckeditor_3.2.1在项目中的简单配置

1、下载ckeditor_3.2.1.zip
2、创建一个Web Project项目
3、解压文件后复制到项目的WebRoot下 留下需要的包



4、首先在../ ckeditor/中的config.js基本配置
CKEDITOR.editorConfig = function(config) {
config.language = 'zh-cn'; // 配置语言
config.uiColor = '#ffccff'; // 背景颜色
config.width = '700px'; // 宽度
config.height = '220px'; // 高度
config.skin = 'office2003';// 界面v2,kama,office2003
config.toolbar = 'Full';// 工具栏风格Full,Basic
// 添加字体
config.font_names = '宋体/宋体;黑体/黑体;仿宋/仿宋_GB2312;楷体/楷体_GB2312;隶书/隶书;幼圆/幼圆;'
+ config.font_names;
config.toolbarLocation = 'top';// 可选：bottom
config.resize_enabled = true;
// 配置复制offic中的文件时是否清除原本样式 （配置后可进行选择）
config.pasteFromWordPromptCleanup = true;

};
5、然后在index.jsp页面中
<form id="form1" name="form1" method="post" action="EditServlet">
<textarea cols="60" id="content" name="content" class="ckeditor">
</textarea>
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
<script type="text/javascript">
CKEDITOR.replace('content');
</script>
</form>
6、所有需求根据../ ckeditor/中的config.js配置
7、查看结果