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

 

 

 

原文地址:https://www.cnblogs.com/xproer/p/5206729.html