————–安装配置开始—————-
安装说明:
首先访问 http://www.yupoo.com 申请一个站长自己的api key
申请过程见图( yupoo申请api_step_x.jpg )
1.解压插件到hack文件夹下面，使目录保持 hack\pw_yupoo\
2. 编辑 hack\pw_yupoo\config.php
根据申请api最后一步获得的api key 和 secretKey 配置config.php文件
$apiKey=”b40a95b25e0451b8aa0120f5xxxxx”;
$secretKey=”gv8lthgvpjexxxx”;
3.修改( \js\wind_c_editor.js )[注意:下面有两个参数因虚拟主机服务器目录修改IMGDIR和HackDIR]
将如下代码复制这个文件最末尾(横线之间的代码):
———————————————-
function $(id) {
return document.getElementById(id);
}
function _attachEvent(obj, evt, func) {
if(obj.addEventListener) {
obj.addEventListener(evt, func, false);
} else if(obj.attachEvent) {
obj.attachEvent(”on” + evt, func);
}
}
function doane(event) {
e = event ? event : window.event;
if(is_ie) {
e.returnValue = false;
e.cancelBubble = true;
} else if(e) {
e.stopPropagation();
e.preventDefault();
}
}
var hiddenobj = new Array();
var pmwinposition = new Array();
function pmwin(action, param) {
var IMGDIR = “images”;
var HackDIR = “hack/pw_yupoo”;
var objs = document.getElementsByTagName(”OBJECT”);
if(action == ‘open’) {
for(i = 0;i < objs.length; i ++) {
if(objs[i].style.visibility != ‘hidden’) {
objs[i].setAttribute(”oldvisibility”, objs[i].style.visibility);
objs[i].style.visibility = ‘hidden’;
}
}
var clientWidth = document.body.clientWidth;
var clientHeight = document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight;
var scrollTop = document.body.scrollTop ? document.body.scrollTop : document.documentElement.scrollTop;
var pmwidth = 800;
//var pmheight = clientHeight * 0.765;
var pmheight = 482;
if(!$(’pmlayer’)) {
div = document.createElement(’div’);div.id = ‘pmlayer’;
div.style.width = pmwidth + ‘px’;
div.style.height = pmheight + ‘px’;
div.style.left = ((clientWidth - pmwidth) / 2) + ‘px’;
div.style.position = ‘absolute’;
div.style.zIndex = ‘9999′;
$(’append_parent’).appendChild(div);
$(’pmlayer’).innerHTML = ‘<div style=”width: 800px; background: #666666; margin: 5px auto; text-align: left;”>’ +
‘<div style=”width: 800px; height: ‘ + pmheight + ‘px; padding: 1px; background: #FFFFFF; border: 1px solid #7597B8; position: relative; left: -6px; top: -3px”>’ +
‘<div onmouseover=”pmwindrag(this)” style=”cursor: move; position: relative; left: 0px; top: 0px; width: 800px; height: 30px; margin-bottom: -30px;”></div>’ +
‘<a href=”javascript:void(0);” onclick=”pmwin(\’close\’)”><img style=”position: absolute; right: 20px; top: 15px” src=”‘ + IMGDIR +’/close.gif” title=”关闭” /></a>’ +
‘<div id=”pmwinmask” style=”margin-top: 30px; position: absolute; width: 100%; height: 100%; display: none”></div><iframe id=”pmframe” name=”pmframe” style=”width:’ + pmwidth + ‘px;height:100%” allowTransparency=”true” frameborder=”0″></iframe></div></div>’;
}
$(’pmlayer’).style.display = ”;
$(’pmlayer’).style.top = ((clientHeight - pmheight) / 2 + scrollTop) + ‘px’;
if(!param) {
pmframe.location = HackDIR + ‘/insert_img.php’;
} else {
pmframe.location = HackDIR + ‘/insert_img.php?’ + param;
}
} else if(action == ‘close’) {
for(i = 0;i < objs.length; i ++) {
if(objs[i].attributes['oldvisibility']) {
objs[i].style.visibility = objs[i].attributes['oldvisibility'].nodeValue;
objs[i].removeAttribute(’oldvisibility’);
}
}
hiddenobj = new Array();
$(’pmlayer’).style.display = ‘none’;
}
}
var pmwindragstart = new Array();
function pmwindrag(obj) {
obj.onmousedown = function(e) {
if(is_ie) {
document.body.onselectstart = function() {
return false;
}
}
pmwindragstart = is_ie ? [event.clientX, event.clientY] : [e.clientX, e.clientY];
pmwindragstart[2] = parseInt($(’pmlayer’).style.left);
pmwindragstart[3] = parseInt($(’pmlayer’).style.top);
$(’pmwinmask’).style.display = ”;
doane(e);
}
_attachEvent(document.body, ‘mousemove’, function(e) {
if(pmwindragstart[0]) {
var pmwindragnow = is_ie ? [event.clientX, event.clientY] : [e.clientX, e.clientY];
with($(’pmlayer’)) {
style.left = (pmwindragstart[2] + pmwindragnow[0] - pmwindragstart[0]) + ‘px’;
style.top = (pmwindragstart[3] + pmwindragnow[1] - pmwindragstart[1]) + ‘px’;
}
doane(e);
}
});
obj.onmouseup = function(e) {
if(is_ie) {
document.body.onselectstart = function() {
return true;
}
}
pmwindragstart = [];
$(’pmwinmask’).style.display = ‘none’;
doane(e);
}
obj.onmouseover = null;
}
function insertOpenImage(txt) {
pmwin(’open’);
}
function insertTextImage(txt) {
editor.focusEditor();
if (txt!=null) {
if (editor._editMode == “textmode”) {
sm=txt;
AddText(sm,”);
} else {
try{editor._doc.execCommand(”insertimage”,false,txt);}
catch(e) {}
}
}
}
4.修改模板文件(template\wind\wysiwyg_editor.html)
将原来insertimage: [ true, insertImage, false ], 修改 为 insertimage: [ true, insertOpenImage, false ]
5.调用yupoo本地缓存设置(下面这个对对象$f是一个YUPOO PHP API接口):(此项为可选项，仅作速度优化用)
编辑(hack\pw_yupoo\insert_img.php)文件，找到下面的代码，两种缓存方式只能选一种。
//使用文件缓存方式，需设置文件cache路径，如果是linux系统，需将目录权限设置成777
$f->enableCache(
“fs”,
‘./cache/files’,//文件cache路径
“300″
);
//数据库的缓存方式，需指定用户名和数据库名(默认的cache表名为yupoo_cache)
$f->enableCache(
“db”,
“mysql://root:zhangsf@localhost/test”
);
6.上传临时文件设置(默认是到cache文件夹下面,可以自行修改)[对于上一步本地缓存采用文件系统的在linux系统中这个目录设置成可写,也就是写权限为777] 详细cache配置查看(hack\pw_yupoo\config.php) 文件
7.编辑(template\wind\heaer.htm)文件，找到<div id=”main”>在这个后面紧跟着加入两个div层
<div id=”append_parent”></div>
<div id=”ajaxwaitid”></div>
附件:pw_yupoo102
————–安装配置结束—————-
