zoukankan      html  css  js  c++  java
  • 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中,进行修改

     

  • 相关阅读:
    创建image对象出现内存不足
    错误15023:当前数据库中已存在用户或角色
    看20遍还觉得很搞笑之<麦兜故事>片段之"鱼丸粗面"
    .NET中获取CPU编号及MAC地址
    清空file控件的值
    iframe 父窗口和子窗口的调用方法
    调用javascript后gif动画停止播放
    IIS上无法播放FLV视屏的问题
    黑客和小白
    (转载)innerHTML,innerTEXT,outerHTML的区别
  • 原文地址:https://www.cnblogs.com/nyxd/p/5361437.html
Copyright © 2011-2022 走看看