文本编辑器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、查看结果