egroupware/phpgwapi/js/htmlarea/plugins/UploadImage/upload-image.js

264 lines
6.5 KiB
JavaScript
Executable File

// UploadImage Plugin for HTMLArea-3.0
// Implementation by Mihai Bazon. Sponsored by http://thycotic.com
//
// htmlArea v3.0 - Copyright (c) 2002 interactivetools.com, inc.
// This notice MUST stay intact for use (see license.txt).
//
// A free WYSIWYG editor replacement for <textarea> fields.
// For full source code and docs, visit http://www.interactivetools.com/
//
// Version 3.0 developed by Mihai Bazon for InteractiveTools.
// http://dynarch.com/mishoo
//
// $Id$
function UploadImage(editor) {
this.editor = editor;
var cfg = editor.config;
// cfg.fullPage = true;
var tt = UploadImage.I18N;
var self = this;
/* cfg.registerButton("UploadImage", tt["Upload Image"], editor.imgURL("up_image.gif", "UploadImage"), false,
function(editor, id) {
self.buttonPress(editor, id);
});
*/
cfg.registerButton("UploadImage", tt["Upload Image"], editor.imgURL("up_image.gif", "UploadImage"), false,
function(editor, id) {
self.buttonPress();
});
// add a new line in the toolbar
cfg.toolbar[0].splice(29, 0, "separator");
cfg.toolbar[0].splice(30, 0, "UploadImage");
};
UploadImage._pluginInfo = {
name : "UploadImage",
version : "1.0",
developer : "Pim Snel",
developer_url : "http://lingewoud.com",
c_owner : "Mihai Bazon",
sponsor : "Lingewoud b.v. - Netherlands",
sponsor_url : "http://lingewoud.com",
license : "GPL"
};
UploadImage.prototype.zzzbuttonPress = function(editor, id)
{
var self = this;
switch (id)
{
case "UploadImage":
var doc = editor._doc;
var links = doc.getElementsByTagName("link");
var style1 = '';
var style2 = '';
for (var i = links.length; --i >= 0;)
{
var link = links[i];
if (/stylesheet/i.test(link.rel))
{
if (/alternate/i.test(link.rel))
style2 = link.href;
else
style1 = link.href;
}
}
var title = doc.getElementsByTagName("title")[0];
title = title ? title.innerHTML : '';
var init =
{
f_doctype : editor.doctype,
f_title : title,
f_body_bgcolor : HTMLArea._colorToRgb(doc.body.style.backgroundColor),
f_body_fgcolor : HTMLArea._colorToRgb(doc.body.style.color),
f_base_style : style1,
f_alt_style : style2,
editor : editor
};
Dialog(_editor_url+"plugins/UploadImage/popups/insert_image.php", function(image)
{
self._insertImage(image);
// self.setDocProp(params);
// alert(params[1]);
}, init);
/* editor._popupDialog("plugin://UploadImage/insert_image.php", function(params) {
self.setDocProp(params);
}, init);*/
break;
}
};
// Called when the user clicks on "InsertImage" button. If an image is already
// there, it will just modify it's properties.
UploadImage.prototype.buttonPress = function(image) {
var doc = editor._doc;
// var editor = this; // for nested functions
var outparam = null;
var init =
{
f_doctype : editor.doctype,
editor : editor
};
if (typeof image == "undefined") {
image = editor.getParentElement();
if (image && !/^img$/i.test(image.tagName))
image = null;
}
if (image) outparam = {
f_url : HTMLArea.is_ie ? editor.stripBaseURL(image.src) : image.getAttribute("src"),
f_alt : image.alt,
f_border : image.border,
f_align : image.align,
f_vert : image.vspace,
f_horiz : image.hspace
};
Dialog(_editor_url+"plugins/UploadImage/popups/insert_image.php", function(param){
if (!param) { // user must have pressed Cancel
return false;
}
var img = image;
// alert(param.f_url);
if (!img) {
var sel = editor._getSelection();
var range = editor._createRange(sel);
editor._doc.execCommand("insertimage", false, param.f_url);
if (HTMLArea.is_ie) {
img = range.parentElement();
// wonder if this works...
if (img.tagName.toLowerCase() != "img") {
img = img.previousSibling;
}
} else {
img = range.startContainer.previousSibling;
}
} else {
img.src = param.f_url;
}
for (field in param) {
var value = param[field];
switch (field) {
case "f_alt" : img.alt = value; break;
case "f_border" : img.border = parseInt(value || "0"); break;
case "f_align" : img.align = value; break;
case "f_vert" : img.vspace = parseInt(value || "0"); break;
case "f_horiz" : img.hspace = parseInt(value || "0"); break;
}
}
}, outparam);
};
UploadImage.prototype.setDocProp = function(params) {
var txt = "";
var doc = this.editor._doc;
var head = doc.getElementsByTagName("head")[0];
var links = doc.getElementsByTagName("link");
var style1 = null;
var style2 = null;
for (var i = links.length; --i >= 0;) {
var link = links[i];
if (/stylesheet/i.test(link.rel)) {
if (/alternate/i.test(link.rel))
style2 = link;
else
style1 = link;
}
}
function createLink(alt) {
var link = doc.createElement("link");
link.rel = alt ? "alternate stylesheet" : "stylesheet";
head.appendChild(link);
return link;
};
if (!style1 && params.f_base_style)
style1 = createLink(false);
if (params.f_base_style)
style1.href = params.f_base_style;
else if (style1)
head.removeChild(style1);
if (!style2 && params.f_alt_style)
style2 = createLink(true);
if (params.f_alt_style)
style2.href = params.f_alt_style;
else if (style2)
head.removeChild(style2);
//cfg.registerButton("my-sample", "Class: sample", "ed_custom.gif", false,
function testinsert(arg1,arg2) {
if (HTMLArea.is_ie) {
editor.insertHTML("<img src=\"arg1\" alt=\"\" />");
var r = editor._doc.selection.createRange();
r.move("character", -2);
r.moveEnd("character", 2);
r.select();
} else { // Gecko/W3C compliant
var n = editor._doc.createElement("img");
n.className = "sample";
editor.insertNodeAtSelection(n);
var sel = editor._iframe.contentWindow.getSelection();
sel.removeAllRanges();
var r = editor._doc.createRange();
r.setStart(n, 0);
r.setEnd(n, 0);
sel.addRange(r);
}
}
testinsert(params[1]);
for (var i in params) {
// alert(params[i]);
var val = params[i];
switch (i) {
case "f_title":
var title = doc.getElementsByTagName("title")[0];
if (!title) {
title = doc.createElement("title");
head.appendChild(title);
} else while (node = title.lastChild)
title.removeChild(node);
if (!HTMLArea.is_ie)
title.appendChild(doc.createTextNode(val));
else
doc.title = val;
break;
case "f_doctype":
this.editor.setDoctype(val);
break;
case "f_body_bgcolor":
doc.body.style.backgroundColor = val;
break;
case "f_body_fgcolor":
doc.body.style.color = val;
break;
}
}
};