在线编辑器

在实现所见即得的编辑效果。

FCK 是开发者的名字的缩写

CKEditor 功能很完善的，具有，在线编辑与图片上传JS插件

UEdit 百度自己开发的一款在线编辑器

CKeditor安装

http://resource.ckeditor.com/

basic package 基本安装包只包含了基本的功能

standard package 标准安装包包含更多的功能

full package 完全安装包包含所有的功能

CKEditor在线编辑

安装

将安装包解压到项目目录：

使用：

方法1：

简易方式

第1步：引入ckeditor.js主程序文件

第2 步：将ckeditor.js应用到指定的textarea标签

说明：

class的值必须是ckeditor，必须有id或name属性，id或name属性的值可以任意

方法2：

基本方式

方法3：

框架方式（jqurey）,CKEditory，

Jquery就是使用JS封装好的一个框架，实现对标签对象的获取、绑定事件、简单的特效、css样式的操作

配置：

1、全局配置

在ckeidtor/config.js

配置语法：

config.配置项=值;

示例：

config.width=500;

config.height=300;

2、自定义配置

需要自己创建一个配置文件（以config.js为模型）

在需要使用此配置信息的textarea标签上引用此配置文件

此种方式只能被基本方式与框架方式使用

3、代码方式

<texteara>标签很特别：只有textarea能存其他的标签

在线编辑器的入库

ck.html

后台文件receiver.php

内容：

出库

ckfinder的安装

图片上传工具，应用于文件管理器。

ckeditor将在线编辑与图片上传的功能分享，形成了用于在线编辑(ckeditor)与图片上传(ckfinder)

下载并解压到项目目录(single)

加载ckfinder

在ckeditor的config.js配置文件中加载ckfinder

效果：

用户虽然可以选择上传，但是限制不足

ckfinder目录结构

在ckfinder的配置文件config.php中开始文件上传功能

示例：

默认的ckfinder把上传的文件保存在ckfiner/userfiles/images中。

更改保存目录

在ckfinder/config.php文件中

上传测试

分目录存储

在ckfinder/config.php文件中配置

动态生成文件名

在fileupload.php文件中首先动态产生文件名的函数

使用动态产生的文件名，替换ckfinder中的默认保存的文件名

测试效果

ckfinder权限修改

默认ckfinder对文件管理是全部开放

在ckfinder/config.php中，进行修改

转载于:https://www.cnblogs.com/nyxd/p/5361437.html

CKedit在线编辑器相关推荐

ASP.net：添加.net(2.0C#)FCKeditor在线编辑器步骤
1.下载本版本的编辑器压缩包.源码下载地址 2.解压缩打开文件夹拥有如下文件: 3.在VS中添加"选择项"加载在此文件夹的Bin下FredCK.FCKeditorV2.dll. 4 ...
php 图片在线编辑功能,summernote在线编辑器提交的内容PHP处理其中图片函数
<summernote在线编辑器提交的内容PHP处理其中图片函数>要点: 本文介绍了summernote在线编辑器提交的内容PHP处理其中图片函数,希望对您有用.如果有疑问,可以联系我们. ...
csdn自带的在线编辑器如何让图片并排显示
之前显示图片一直是一行一个,也就是按列来,是因为养成了习惯,每次插入图片之后就回车.其实我们发现,只要紧跟在上一个图片括号的后面插入你要的图片就可以完成并排显示. 1.先插入第一张图片,然后光标定位到 ...
自己开发的MarkDown在线编辑器越来越完善了，心里感到高兴。
先晒一下它的样子.当然,我一开始就企图做到这四点:随时随地可以自动保存草稿内容到服务器:键盘快捷键进行Markdown格式编辑:可以分段编辑(万一文章比较长呢):还有就是手机上也能用大部分功能.现在这 ...
在线编辑器上传控件
为什么80%的码农都做不了架构师?>>> 在线编辑器上传控件 http://kindeditor.net/demo.php 上传控件: 转载于:https://my.osch ...
基于ThinkPHP的在线编辑器调用
开源的在线编辑器有很多,比如FCKEditor,UEditor,Kindeditor等,调用方式也都大同小异下面列举UEditor在线编辑器插件在ThinkPHP里面的应用 1.Ueditor下载地 ...
5款非常好用的前端在线编辑器推荐
使用在线编辑器的好处: I 提供各种在线JS或css框架 II 实时预览代码效果 III 线上保存代码 IIII 可分享下面推荐几款很不错的在线前端编辑器 1.jsfiddle ...
HTML在线编辑器控件
经常会在网而上看到一些类似OfficeXP 中的工具条上的按钮和图标,觉得很漂亮,这几天在学习ASP.NET的时候才明白有这么多的HTML在线编辑器控件,如博客园中使用的几种HTML在线编辑器控件: ...
tinyMce在线编辑器内JavaScript实现按Ctrl+S无刷新保存
以前也用过几个编辑器拉,如FCK,CUTEDTOR等,它们大都实现了很不错了的功能,也有丰富的插件使用.不过我还是觉得TinyMCE在线编辑器好用,它是采用纯JS客户端脚本技术构建,是一个轻量级加载速 ...

CKedit在线编辑器