请选择 进入手机版 | 继续访问电脑版

荆门泽优软件有限公司论坛

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 3694|回复: 0

[整合] WordPaster-Joomla_3.4.7-tinymce 4.1.7整合教程

[复制链接]

347

主题

347

帖子

1665

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1665
发表于 2017-1-3 15:25:10 | 显示全部楼层 |阅读模式

资源下载:Joomla 3x,

 

1.1.1. 1.添加wordpaster文件夹

/media/

 

1.1.2. 2.添加插件文件夹

路径:media/editors/tinymce/plugins/wordpaster

注意:由于直接使用jquery特殊符号$会报错,所以需要将WordPaster.js中的$符号改为jQuery

 

1.1.3. 2.添加wordpaster初始化代码

路径:/plugins/editors/tinymce/tinymce.php

代码如下:

     //wordpaster begin

     $load .= '<link type="text/css" rel="Stylesheet" href="' . JUri::root() . 'media/wordpaster/js/skygqbox.1.3.css" />';

     $load .= '<script type="text/javascript" src="' . JUri::root() . 'media/wordpaster/js/json2.min.js" charset="utf-8"></script>';

    $load .= '<script type="text/javascript" src="' . JUri::root() . 'media/wordpaster/js/jquery-1.4.min.js" charset="utf-8"></script>';

    $load .= '<script type="text/javascript" src="' . JUri::root() . 'media/wordpaster/js/WordPaster.js" charset="utf-8"></script>';

    $load .= '<script type="text/javascript" src="' . JUri::root() . 'media/wordpaster/js/skygqbox.1.3.js" charset="utf-8"></script>';

     $wordpster_code = "

         <script language=\"javascript\" type=\"text/javascript\">

              var pasterMgr = new WordPasterManager();

              jQuery(function(){

                   pasterMgr.Load();//加载控件

              });

              pasterMgr.SetEditor(tinymce.activeEditor);

         </script>";

     //wordpaster end

注意:由于直接使用jquery特殊符号$会报错,所以需要将WordPaster.js中的$符号改为jQuery

 

1.1.4. 3.添加到编辑器页面

路径:/plugins/editors/tinymce/tinymce.php

 

1.1.5. 4.添加到工具栏

路径:/plugins/editors/tinymce/tinymce.php

 

1.1.6. 添加upload.php文件

此文件负责接收控件上传的文件,并保存到/images/upload/目录中

位置:/media/wordpaster/upload.php

 

代码:

<?php

ob_start();

//201201/10

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

$uploadDir = dirname(__FILE__).'/../../images/upload/'.$timeDir;

//curDomain地址为域名地址

示例:

//http://www.ncmem.com/images/

//http://localhost:81/Joomla_3.4.7/

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

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

$relatPath = $curDomain ."images/upload/" . $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());

?>

 

1.1.7. 修改WordPaster.js中的上传地址

 

1.1.8. 5.整合效果如下

 

文章发布后的效果:

 

 

常见问题:

1.为什么整合到项目中图片无法上传?

可能原因:可能上传页面有登陆验证,上传时没有添加SESSION信息,导致上传失败。可在上传页面增加SESSION参数。

 

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|荆门泽优软件有限公司 ( 鄂ICP备15010533号-1

GMT+8, 2021-12-5 13:16 , Processed in 0.289948 second(s), 25 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表