近日在做页面的时候需要类似博客日志的文件编辑器,在上网查了资料之后,终于整出来了!现将代码分享出来给大家一起使用!



首先我们要在http://ckeditor.com/download  官网上下载;ckeditor 当然如果你看不懂英文可以使用谷歌浏览器,将英文可以翻译成中文!

那么下载好之后呢?

1、解压

183332349.jpg

2、解压出来的文件

183333366.jpg

3、建一个工程(将解压出来的jar包拷到你的lib下面)

183333681.jpg

4、千万不要忘记引用核心的js插件

183333624.png

5、编写控制的js脚本(很简单)

183333537.png

6、下面就是我们的body ! div定位编辑器出现的位置

183333124.png

7、直接访问

183333722.png

8、点击添加看看效果吧!

183334584.png

编辑器出现了,不过和使用的编辑器在颜色和结构上有点别扭,没关系,在

184139401.png

里面你可以随便配置,这里就不啰嗦了!如果做不出来的同学,留下你们的Email  我会发给你!


真心的感觉:js在手,页面我有!哈哈....代码没排版,同学们就凑合着看吧觉得对你有帮助就行!