天天看点

Ckeditor一种很方便的文本编辑器

这里介绍ckeditor的其中一个的用法,自己做小项目练手非常的适合,上手非常的快。

首先去官网下载这个东西,链接:http://pan.baidu.com/s/1nuXePuD 密码:rrr0,需要特别说明一下,这个东西需要配置,但是具体配置我也不是很清楚,所以你看到着篇博客,练习的话,最后使用上面上传的这个东西,目录呢,如图所示。

Ckeditor一种很方便的文本编辑器

 1:首先将这个ckeditor文件夹放到webcontent目录下面,然后进行开发。

  使用这个文本编辑器的最重要需要引入的一句话是:

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

  然后在需要使用的地方引入这个:class="ckeditor",如下所示:

  <textarea  class="ckeditor" id="newsContent"  name="newsContent"   rows="15"   placeholder="请输入内容">            </textarea>

完整的代码如下所示,文件名是news.jsp

2:这个jsp提交到servlet这个页面,完整代码如下所示,当然了,这里没有设计到数据库,因为涉及到数据库,更难理解和讲解,这里学会使用,自己摸索不是很难哦。

文件名是:NewsServlet.java 

3:上面的servlet页面又重定向到了index.jsp,如下所示:

4:特比需要注意的是下面这个servlet,只要复制粘贴会使用即可,可先不用看代码;

5:最后说一下需要注意的地方:

其一就是如下图所示的config.js文件,这里需要修改一下文件内容

Ckeditor一种很方便的文本编辑器

如下图所示,将ckeditor修改为自己的项目名称即可;

Ckeditor一种很方便的文本编辑器

演示效果:

Ckeditor一种很方便的文本编辑器

还有完善的空间,继续加油哦。别先生