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

简介:

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



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

那么下载好之后呢?

1、解压

2、解压出来的文件

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

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

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

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

7、直接访问

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

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

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


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











本文转自 小夜的传说 51CTO博客,原文链接:http://blog.51cto.com/1936625305/1196730,如需转载请自行联系原作者
目录
相关文章
|
前端开发 JavaScript API
前端封装库/工具库的编辑器之CKEditor
在现代前端开发中,富文本编辑器是一个非常重要的组成部分。其中,CKEditor 是一个备受欢迎的 JavaScript 富文本编辑器库。
426 0
|
人机交互 容器
《在线时代先进文档编辑器设计探索-Suki》演讲视频&文字版
《在线时代先进文档编辑器设计探索-Suki》演讲视频&文字版
534 0
|
缓存 前端开发 JavaScript
百度编辑器ueditor,单个图和多图上传文件大小限制以及文字提示修改
百度编辑器ueditor,单个图和多图上传文件大小限制以及文字提示修改
1794 0
|
Linux 数据安全/隐私保护
|
PHP
CI框架中集成CKEditor编辑器的教程
CKEditor是在很多开发过程中都会用到的一个富文本编辑器,那么如何在CI框架中使用它呢?这里介绍了在CI下使用CKEditor的方法,版本比较低,是在CI 1.7.3下使用fckeditor 2.6.6。
1405 0
|
Linux Perl Shell
《Linux指令从入门到精通》——4.2 Linux下的简单文字模式文本编辑器
Linux下的文本编辑器种类很多,功能的复杂程度和操作的难易度也不尽相同。在此我们将其大致分为可视和不可视两种。在本节中讲解的ed,jed,joe,pico和sed都属于不可视编辑器,不能进行全屏方式下的操作,操作相对简单。
1833 0
|
JavaScript 编译器 .NET
CKEditor+SWFUpload实现功能较为强大的编辑器(一)---CKEditor配置
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq1010885678/article/details/37512171 C...
1137 0

热门文章

最新文章