• CKedit在线编辑器


    在线编辑器    

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

    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中,进行修改

     

  • 相关阅读:
    【Rollo的Python之路】Python 编码与解码
    【Rollo的Python之路】Python 队列 学习笔记 queue
    【Rollo的Python之路】Python 同步条件 学习笔记 Event
    【Rollo的Python之路】Python 条件变量同步 学习笔记 Condition
    【Rollo的Python之路】Python 信号量 学习笔记 Semaphore
    十天冲刺-09
    十天冲刺-08
    十天冲刺-07
    十天冲刺-06
    十天冲刺-05
  • 原文地址:https://www.cnblogs.com/nyxd/p/5361437.html
Copyright © 2020-2023  润新知