Java Web实用开发技术(4)------在线编辑器

在线编辑器是一种通过浏览器等对文字、图片等内容进行在线编译修改的工具,让用户在网站上获得“所见即所得”效果。例如:实现诸如留言板、论坛、新闻发布等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
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值