首页 > 其他 > 详细

富文本编辑器CKEditor的使用

时间:2017-07-18 01:03:16      阅读:309      评论:0      收藏:0      [点我收藏+]

由于最近在架构一个pc端b/s结构的项目,项目中有个论坛模块,当用户发帖时,需要用到富文本编辑器,考虑了一下,决定使用CKEditor富文本编辑器,虽然现在问世的富文本编辑器很丰富,比如还有百度的UEditor等等,但是我选择使用CKEditor的原因是它能快速引入到我的项目中去。马上附上详细步骤:

(1).工具准备,下载CKEditor:http://ckeditor.com/download(我的项目下载使用的是标准版本:ckeditor_4.7.1_standard)
(2).部署到自己项目的详细步骤:
在WebContent目录下新建用来存放解压后的所有文件的目录,目录名就叫 "ckeditor",

复制解压的所有文件到新建的ckeditor目录下,

技术分享
引入ckeditor.js和config.js文件到jsp页面头部,

技术分享
在要转换成富文本的textarea下方编写js代码如下:
<script type="text/javascript">CKEDITOR.replace(‘textarea的name‘);</script>

技术分享
另外可以在config.js文件中进行自定义属性设置:

技术分享

最后,刷新页面,一个好看的富文本编辑器就呈现出来了,大功告成!!!

富文本编辑器CKEditor的使用

原文:http://www.cnblogs.com/itxinke/p/7198036.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!