玩转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>

这样就实现你想要的效果了。

版权声明:本文为博主原创文章,未经博主允许不得转载。

posted @ 2014-02-10 17:42  dingxiaoyue  阅读(222)  评论(0编辑  收藏  举报