CKEditor 可视化HTML编辑器

最近产品上要用到编辑器来编辑样式，类似于论坛上那种帖子字体排版功能，网上搜罗了一番，发现CKEditor还是不错的。特说下它的使用方法，以便和大家分享：

我用的是 ckeditor_3.6.5

CKEditor下载地址 

下载完后在项目中引入：

然后在我们的JSP中引入JS文件

<script type="text/javascript" src="ckeditor/ckeditor.js"></script>

当然，我们在CKEDITOR发现有个叫config.js的文件，可以在此里面配置语言、界面风格等信息：

CKEDITOR.editorConfig = function(config) {
	config.language = 'zh-cn'; // 配置语言
	config.uiColor = '#FFF'; // 背景颜色
	config.width = 'auto'; // 宽度
	config.height = '200px'; // 高度
	config.skin = 'office2003';//界面v2,kama,office2003
	config.toolbar = 'Full';// 工具栏风格Full,Basic
	config.baseFloatZIndex = 2000; //层的显示级别
};

 

然后我们在JSP中做以下设置就可以啦：

 

<textarea rows="3" cols="90" id="description" name="description" >
</textarea> 
<script type="text/javascript">   CKEDITOR.replace('description');   </script>

运行JSP得到如下效果图：