在线编辑器是一种通过浏览器等对文字、图片等内容进行在线编译修改的工具,让用户在网站上获得“所见即所得”效果。例如:实现诸如留言板、论坛、新闻发布等Web模块时,经常用到在线编译器,它使得我们可以像Word一样在线编译我们的留言或新闻内容。
在线编译器一般具有如下基本功能:
(1)文字的编辑
(2)文字格式(如字体、大小、颜色)的设置
(3)表格的插入和编辑;图片、音频、视频等多媒体的上传、导入和样式修改等
常见的在线编辑器有:
FreeTextBox、CKEditor(其旧版本为FCKeditor)、KindEditor、eWebEditor等
这里我用的是比较流行的CKEditor为例介绍在线编辑器的使用。
1、CKEditor的下载
CKEditor 4 的直达链接:https://ckeditor.com/ckeditor-4/download/
一般的话选择 Standard Package就可以
2、CKEditor的创建
将CKEditor工具嵌入到网页中有很多方法,可以用JavaScript或者JSP标签完成CKEditor对象的创建
3、CKEditor的使用
(1)先将解压后的ckeditor目录复制到web工程的WebContent下
(2)在WebContent下创建页面editor.html
页面中关键的步骤有两个:
第一:导入ckeditor.js文件,导入方式:
<sc