zoukankan      html  css  js  c++  java
  • ScreenCapture-drupal 7.34-ckeditor4x整合教程

    1.1. drupal 7x-ckeditor4x

    插件下载:Drupal 7x,

    1.1.1. 安装ckeditor4x

    下载插件

    说明:下载并解压

    CKEditor4x插件:https://yunpan.cn/cxWVSmK2UNIad  访问密码 1784

    IMCE:https://yunpan.cn/cxWju9L47cY6I  访问密码 4a72

     

    上传插件

    路径:/sites/all/modules/

    5cc00260-3a9d-46e8-86d2-3638688e7881

     

    下载CKEditor4x编辑器

    下载并解压

    路径:/sites/all/modules/ckeditor/

    地址:https://yunpan.cn/cxWjiSsaDFFPe  访问密码 5e98

    5d2806d5-0b46-478f-adc3-ebffc32a39d0

     

     

    安装ckeditor

    89370c4c-9803-4de8-b60d-a28544d7cf16

     

    启用本地路径

    打开 信息面板 –   配置  -   ckeditor

    417526cf-945e-48db-858d-4fc7cb624738

    选择本地ckeditor路径,不要使用cdn加速

    b78f5c3c-e81a-421d-b6a9-c73847fde2f9

     

     

    1.1.2. 集成到ckeditor

     

    上传screencapture插件

    路径:/sites/all/modules/ckeditor/plugins/

    1d16e8b3-0980-4a9b-a681-73a147e2e089

     

    启用插件

    ed107a86-ff9d-4947-b7ae-6832129a7c5c

     

    0c57ac70-f126-462f-a725-98fffc842859

     

    0d4f873c-03a9-4933-9221-a275efa33aed

     

    3fe1bed0-7182-476d-baad-50c1d3e616a6

     

    默认在Available buttons工具栏中,需要从此工具栏拖到Current toolbar

    3ca5c716-1b55-4da4-b6be-821a5e9d6c94

    拖拽到Current toolbar

    18a43608-97ad-4ae8-a50c-61eb310d36e1

     

    ae27ce5f-b60c-40af-8b4f-d61c4d5bf80d

     

    1.1.3. 集成到页面

     

    上传ScreenCapture文件夹

    路径:sites/all/

    8000c1ea-95c1-48e1-bb1d-5bf689bf1d98

     

    添加头文件及初始化代码

    说明:为当前主题的template.php文件添加头文件及初始化代码

    b6c10ec6-7ffe-4f7f-a01d-e033c8d08ffb

     

    添加upload.php

    路径:sites/all/ScreenCapture/upload.php

    7c5194e0-5dc7-418e-940f-411b97d97efc

    代码如下:

    <?php

    ob_start();

    //201201/10

    $timeDir = date("Ym")."/".date("d");

    $uploadDir = dirname(__FILE__).'../../../default/files/field/image/'.$timeDir;

    $curDomain = "http://".$_SERVER["HTTP_HOST"]."/drupal/";

    //相对路径 http://www.ncmem.com/upload/2012-1-10/

    $relatPath = $curDomain ."sites/default/files/field/image/" . $timeDir . "/";

     

    //自动创建目录。upload/2012-1-10

    if(!is_dir($uploadDir))

    {

         mkdir($uploadDir,0777,true);

    }

     

    //如果PHP页面为UTF-8编码,请使用urldecode解码文件名称

    //$fileName = urldecode($_FILES['postedFile']['name']);

    //如果PHP页面为GB2312编码,则可直接读取文件名称

    $fileName = $_FILES['file']['name'];

    $tmpName = $_FILES['file']['tmp_name'];

     

    //取文件扩展名jpg,gif,bmp,png

    $path_parts = pathinfo($fileName);

    $ext = $path_parts["extension"];

    $ext = strtolower($ext);//jpg,png,gif,bmp

     

    //只允许上传图片类型的文件

    if($ext == "jpg"

         || $ext == "jpeg"

         || $ext == "png"

         || $ext == "gif"

         || $ext == "bmp")

    {

         //___时分秒毫秒.jpg

         $saveFileName = $fileName;

     

         //xxx/2011_05_05_091250000.jpg

         $savePath = $uploadDir . "/" . $saveFileName;

     

         //另存为新文件名称

         if (!move_uploaded_file($tmpName,$savePath))

         {

             exit('upload error!' . "文件名称:" .$fileName . "保存路径:" . $savePath);

         }

    }

     

    //输出图片路径

    //$_SERVER['HTTP_HOST'] localhost:81

    //$_SERVER['REQUEST_URI'] /FCKEditor2.4.6.1/php/test.php

    $reqPath = str_replace("upload.php","",$_SERVER['REQUEST_URI']);

    echo $relatPath .  $saveFileName;

    header('Content-type: text/html; charset=utf-8');

    header('Content-Length: ' . ob_get_length());

    ?>

     

     

    修改域名及文件存储路径

    90ad5b5b-5706-4a16-be39-a13ffa66dc22

     

    修改上传地址

    4644049c-308a-4499-b275-10496b6658b0

     

    1.1.4. 更新缓存

    9b324809-c31f-4dc1-9d5c-bea02723bd62

     

    4f3d0cc0-01cf-41ef-8b70-15b150d4af8a

     

    27bbbddd-dce3-4b1b-b414-bec5ff7c3677

     

    1.1.5. 整合效果

    59871680-d44b-4354-b521-513bf01c0604

     

    图片存储结构

    95adbff4-436b-4376-a525-1cc65dd6ecf3

     

     

     

  • 相关阅读:
    swift3.0 运行时获取类的属性
    Runloop与autoreleasePool联系
    iOS 加载Image的两种方式
    iOS strong与weak的使用
    iOS 自定义layer的两种方式
    iOS 手势识别
    iOS Quartz2D画图
    iOS 通知的使用
    UITableViewController
    UITableView移动
  • 原文地址:https://www.cnblogs.com/xproer/p/5206729.html
Copyright © 2011-2022 走看看