玩转Web之Jsp(二)-----jsp中怎么使用CKEditor

在BBS项目或其他一些项目中,我们会发现别人写的一些文本域非常漂亮,而且有多种功能,这是怎么做到的呢?其实通过在jsp文件中引用在线编辑器即可,这里以CKEditor为例。

首先下载CKEditor:网址是http://ckeditor.com/

然后将其解压,会解压出一个名为editor的文件,将这个文件拷贝到项目的webroot目录下,完成这些准备工作后就该引入到你的jsp文件中了。

引入步骤:

1.在页面<head>中加入<script type="text/javascript" src="ckeditor/ckeditor.js"></script>从而引入ckeditor核心文件ckeditor.js

2.修改<textarea> 将文本域标签中加入class="editor"

例如:<textArea rows="15" cols="80" name="cont" class="ckeditor"></textArea>

3.将相应控件替换为编辑器代码

<script type="text/javascript" >CKEDIROR.replace('cont');</scrpit>

这样就实现你想要的效果了。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值