这里介绍ckeditor的其中一个的用法,自己做小项目练手非常的适合,上手非常的快。
首先去官网下载这个东西,链接:http://pan.baidu.com/s/1nuxepud 密码:rrr0,需要特别说明一下,这个东西需要配置,但是具体配置我也不是很清楚,所以你看到着篇博客,练习的话,最后使用上面上传的这个东西,目录呢,如图所示。
![](https://img.laitimes.com/img/__Qf2AjLwojIjJCLyojI0JCLicmbw5SMyQDN0gjN5UTL4MDN1AjMycTMxAzMwcTMwITLxEjMyADMx8CXzAzNxAjMvwVMxIjMwATMvw1ZvxmYvwVbvNmLzd2bsJmbj5SNxAjMzV2Zh1Wavw1LcpDc0RHaiojIsJye.png)
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修改为自己的项目名称即可;
演示效果:
还有完善的空间,继续加油哦。别先生