Ckeditor(文字编辑器)的简单使用!

简介:

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



首先我们要在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在手,页面我有!哈哈....代码没排版,同学们就凑合着看吧觉得对你有帮助就行!











本文转自 小夜的传说 51CTO博客,原文链接:http://blog.51cto.com/1936625305/1196730,如需转载请自行联系原作者
目录
相关文章
|
11月前
|
前端开发 JavaScript API
前端封装库/工具库的编辑器之CKEditor
在现代前端开发中,富文本编辑器是一个非常重要的组成部分。其中,CKEditor 是一个备受欢迎的 JavaScript 富文本编辑器库。
140 0
|
PHP
CI框架中集成CKEditor编辑器的教程
CKEditor是在很多开发过程中都会用到的一个富文本编辑器,那么如何在CI框架中使用它呢?这里介绍了在CI下使用CKEditor的方法,版本比较低,是在CI 1.7.3下使用fckeditor 2.6.6。
1268 0
|
前端开发 JavaScript Java
Ckeditor一种很方便的文本编辑器
ckeditor官网: http://ckeditor.com/ 这里介绍ckeditor的其中一个的用法,自己做小项目练手非常的适合,上手非常的快。 首先去官网下载这个东西,链接:http://pan.baidu.com/s/1nuXePuD 密码:rrr0,需要特别说明一下,这个东西需要配置,但是具体配置我也不是很清楚,所以你看到着篇博客,练习的话,最后使用上面上传的这个东西,目录呢,
1581 0
|
JavaScript 编译器 .NET
CKEditor+SWFUpload实现功能较为强大的编辑器(一)---CKEditor配置
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq1010885678/article/details/37512171 C...
955 0
|
JavaScript 前端开发 内存技术
CKEditor+SWFUpload实现功能较为强大的编辑器(二)---SWFUpload配置
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq1010885678/article/details/37516749 在前面配置完CKEditor之后,就可以拥有一个功能挺强大的编辑器了 但是现在还不够,还要能够在发表文字中插入自己电脑上的图片 CKEditor自己好像有这个功能,但是实在是。
849 0
CKEditor+SWFUpload实现功能较为强大的编辑器(三)---后台接收图片流程
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq1010885678/article/details/37519271 在...
887 0
|
2月前
|
存储 Linux 编译器
vim编辑器和gcc/g++编辑器的使用讲解
vim编辑器和gcc/g++编辑器的使用讲解
54 2