pioder/uf
1
0
Fork 0
Code Releases Activity

+ Updated WYSIWYG posts editor - Wyzz from version 0.62 to 0.65

Browse Source 
+ Added option: displaying no_av.gif file, when avatar in profile not set

git-svn-id: https://svn.pioder.pl/uf-svn/uF@25 72ec579a-5ced-4fa4-82f3-afba5d98df2f
This commit is contained in:
pioder
2009-05-07 16:30:56 +00:00
parent 252bd28722
commit 71b7f52acf
4 changed files with 84 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

159
images/wyzz.js
View File

@@ -1,23 +1,25 @@
/**
* @package Dynamic Script Forum
* @file wyzz.js
* @version 1.0.x, 19-10-2007, 18:03
* @copyright 2008(c) DSF Team
* @author ------------------
* @link http://dsf.gim2przemysl.int.pl/
* @package uForum
* @file images/wyzz.js
* @version $Id$
* @copyright 2009(c) The Mouse Whisperer
* @author The Mouse Whisperer
* @modified PioDer <pioder@wp.pl>
* @link http://pioder.gim2przemysl.int.pl/
* @license GNU GPL v3
**/
// Editor Width and Height
wyzzW = 600;
wyzzH = 200;
image_path = skin_path + 'images/';
// Number of toolbars - must be either 1 or 2
image_path = skin_path + 'images/';// Number of toolbars - must be either 1 or 2
// If set to 1, the first tooolbar (defined in array buttonName below) will be ignored
toolbarCount = 2;
// Edit region stylesheet
editstyle = skin_path + 'wyzz_editarea.css';
// Do we want to try to clean the code to emulate xhtml? 1=Yes, 0=No
xhtml_out = 0;
@@ -29,11 +31,9 @@ document.write('<link rel="stylesheet" type="text/css" href="'+ skin_path+'wyzz_
// Remove from this any buttons not required in your application
var buttonName = new Array("font","headers","separator","bold","italic","underline","strikethrough","separator","cut","copy","paste","separator","subscript","superscript","separator","justifyleft","justifycenter","justifyright","justifyfull","indent","outdent","separator","insertunorderedlist","insertorderedlist","separator","link","insertimage","separator","undo","redo");
// Order of available commands in toolbar2
// Remove from this any buttons not required in your application
var buttonName2 = new Array("specialchar","separator","forecolor","backcolor","separator","inserthorizontalrule","separator","removeformat","separator","upsize","downsize","separator","htmlmode","separator");
var buttonName2 = new Array("specialchar","separator","forecolor","backcolor","separator","inserthorizontalrule","separator","removeformat","separator","upsize","downsize","separator","htmlmode","separator","help");
var myFonts = new Array("Andale Mono","Georgia","Verdana","Arial","Arial Black","impact","Times New Roman","Courier New","Comic Sans MS","Helvetica","Trebuchet MS","Tahoma");
@@ -42,7 +42,7 @@ var specialChars = new Array("&copy;","&reg;","&#153;","&agrave;","&aacute;","&c
// DON'T MODIFY BEYOND THIS LINE unless you know what you are doing //////////////
/********************************************************************************/
version = "0.62"; // Please leave this
version = "0.65"; // Please leave this
var Headers = new Array("P","PRE","H1","H2","H3","H4","H5","H6");
@@ -52,6 +52,21 @@ mode = 1;
// Get browser
browserName = navigator.appName;
// New code for additional browser support
if (navigator.userAgent.indexOf('Safari') !=-1)
{
browserName = "Safari";
}
if (navigator.userAgent.indexOf('Chrome') !=-1)
{
browserName = "Chrome";
}
if (navigator.userAgent.indexOf('Firefox') !=-1)
{
browserName = "Firefox";
}
nlBefore = new Array("div","p","li","h1","h2","h3","h4","h5","h6","hr","ul","ol");
function h2x(node,inPre) { // we will pass the node containing the Wyzz-generated html
@@ -187,7 +202,7 @@ function indexOf(thisarray, value)
// Color picker - here we make an array of all websafe colors
// If you want to limit the colors available to users (e.g. to fit in with
// a site design) then use a restricted array of colors
// e.g. var buttonName = new Array("336699","66abff", .... etc
// e.g. var buttonColors = new Array("336699","66abff", .... etc
var buttonColors = new Array(216);
// Colors - replace this function with your own if you have special requirements for colors
@@ -216,39 +231,43 @@ getColorArray();
/* Emulates insertAdjacentHTML(), insertAdjacentText() and insertAdjacentElement() three functions
so they work with Netscape 6/Mozilla - By Thor Larholm me@jscript.dk */
if(typeof HTMLElement!="undefined" && !HTMLElement.prototype.insertAdjacentElement) {
HTMLElement.prototype.insertAdjacentElement = function (where,parsedNode) {
switch (where) {
case 'beforeBegin':
this.parentNode.insertBefore(parsedNode,this)
break;
case 'afterBegin':
this.insertBefore(parsedNode,this.firstChild);
break;
case 'beforeEnd':
this.appendChild(parsedNode);
break;
case 'afterEnd':
if (this.nextSibling) {
this.parentNode.insertBefore(parsedNode,this.nextSibling);
} else {
this.parentNode.appendChild(parsedNode);
break;
}
}
}
HTMLElement.prototype.insertAdjacentHTML = function (where,htmlStr) {
var r = this.ownerDocument.createRange();
r.setStartBefore(this);
var parsedHTML = r.createContextualFragment(htmlStr);
this.insertAdjacentElement(where,parsedHTML)
}
HTMLElement.prototype.insertAdjacentText = function (where,txtStr) {
var parsedText = document.createTextNode(txtStr)
this.insertAdjacentElement(where,parsedText)
}
if(typeof HTMLElement!='undefined'){
if(typeof HTMLElement.insertAdjacentHTML=='undefined'){
HTMLElement.prototype.insertAdjacentElement=function(where,parsedNode){
switch(where){
case 'beforeBegin':
this.parentNode.insertBefore(parsedNode,this);
break;
case 'afterBegin':
this.insertBefore(parsedNode,this.firstChild);
break;
case 'beforeEnd':
this.appendChild(parsedNode);
break;
case 'afterEnd':
if(this.nextSibling){
this.parentNode.insertBefore(parsedNode,this.nextSibling);
}else{
this.parentNode.appendChild(parsedNode);
}
break;
}
};
}
if(typeof HTMLElement.insertAdjacentHTML=='undefined'){
HTMLElement.prototype.insertAdjacentHTML=function(where,htmlStr){
var r=this.ownerDocument.createRange();
r.setStartBefore(this);
var parsedHTML=r.createContextualFragment(htmlStr);
this.insertAdjacentElement(where,parsedHTML);
};
}
if(typeof HTMLElement.insertAdjacentText=='undefined'){
HTMLElement.prototype.insertAdjacentText=function(where,txtStr){
var parsedText=document.createTextNode(txtStr);
this.insertAdjacentElement(where,parsedText);
};
}
}
function closeColorPicker(thisid) {
@@ -273,7 +292,8 @@ function insertLink(n) {
}
function insertImage(n) {
var imgurl = prompt(editor_lng4);
alert(n);
var imgurl = prompt(editor_lng4);
var imgtitle = 'image';
var theImage = '<img src="' + imgurl + '" title="' + imgtitle + '" alt="' + imgtitle + '" />';
insertHTML(theImage, n); }
@@ -314,7 +334,7 @@ function make_wyzz(textareaID) {
toolbar += '<td style="width: 22px;"><img src="' + image_path + 'wyzz/' +buttonName[btn]+ '.gif" border=0 unselectable="on" title="' +buttonNameLng[btn]+ '" id="' +buttonName[btn]+ '" class="button" onClick="formatText(this.id,\'' + n + '\');" onmouseover="if(className==\'button\'){className=\'buttonOver\'};" onmouseout="if(className==\'buttonOver\'){className=\'button\'};" unselectable="on" width="20" height="20"></td>';
}
}
toolbar += '<td >&nbsp;</td></tr></table>';
toolbar += '<td>&nbsp;</td></tr></table>';
}
@@ -384,7 +404,7 @@ function make_wyzz(textareaID) {
// The help/about box
// The copyright and link must remain unaltered
toolbar2 += '<div id="helpbox' + n + '" class="helpbox" style="display:none">';
toolbar2 += '<div class="help"><h4><img src="' + image_path + 'wyzz/wyzzicon.gif" align="middle">Wyzz v' + version + '</h4><br>&copy; 2007 <a href="http://www.wyzz.info" target=_blank>www.wyzz.info</a><br><br></div>';
toolbar2 += '<div class="help"><h4>Wyzz v' + version + '</h4><br>Running on ' + browserName + '<br>&copy; 2009 <a href="http://www.wyzz.info" target=_blank>www.wyzz.info</a><br><br></div>';
toolbar2 += '<img class="closebutton" src="' + image_path + 'wyzz/close.gif" border=0 onclick="closeColorPicker(\'helpbox' + n + '\')"></div></td></tr></table>';
// Create iframe for editor
@@ -412,8 +432,7 @@ var iframe = '<table cellpadding="0" cellspacing="0" border="0" style="width:' +
}
doc.close();
// var browserName = navigator.appName;
if (browserName == "Microsoft Internet Explorer"||browserName == "Opera") {
if (browserName == "Microsoft Internet Explorer") {
// Make the iframe editable
doc.body.contentEditable = true;
} else {
@@ -421,14 +440,12 @@ var iframe = '<table cellpadding="0" cellspacing="0" border="0" style="width:' +
doc.designMode = "on";
}
// Update the textarea with content in WYSIWYG when user submits form
// var browserName = navigator.appName;
// Update the textarea with content in WYSIWYG when user submits form
if (browserName == "Microsoft Internet Explorer"||browserName == "Opera") {
for (var idx=0; idx < document.forms.length; idx++) {
document.forms[idx].attachEvent('onsubmit', function() { updateTextArea(n); });
}
}
else {
} else {
for (var idx=0; idx < document.forms.length; idx++) {
document.forms[idx].addEventListener('submit',function OnSumbmit() { updateTextArea(n); }, true);
}
@@ -436,11 +453,13 @@ var iframe = '<table cellpadding="0" cellspacing="0" border="0" style="width:' +
}
function formatTextColor(color, n, selected) {
if (browserName == "Microsoft Internet Explorer"||browserName == "Chrome") { color = '#' + color; }
document.getElementById('wysiwyg' + n).contentWindow.document.execCommand('forecolor', false, color);
document.getElementById('colorpicker' + n).style.display = "none";
}
function formatBackColor(color, n, selected) {
if (browserName == "Microsoft Internet Explorer"||browserName == "Chrome") { color = '#' + color; }
if (browserName == "Microsoft Internet Explorer") {
document.getElementById('wysiwyg' + n).contentWindow.document.execCommand('backcolor', false, color);
} else {
@@ -557,8 +576,7 @@ function formatText(id, n, selected) {
document.getElementById('helpbox' + n).style.display = "";
}
}
else if(id=="link"){
// var browserName = navigator.appName;
else if(id=="link"){
if (browserName == "Microsoft Internet Explorer") {
var target = confirm('Should this link open in a new window?\n\nOK = Open in NEW Window\nCancel = Open in THIS window');
document.getElementById("wysiwyg" + n).contentWindow.document.execCommand('createLink',true,' ');
@@ -570,8 +588,7 @@ function formatText(id, n, selected) {
insertLink(n);
}
}
else if(id=="insertimage") {
// var browserName = navigator.appName;
else if(id=="insertimage") {
if (browserName == "Microsoft Internet Explorer") {
document.getElementById("wysiwyg" + n).contentWindow.document.execCommand(id, true, null);
} else {
@@ -584,9 +601,8 @@ function formatText(id, n, selected) {
}
}
function insertHTML(html, n) {
// var browserName = navigator.appName;
if (browserName == "Microsoft Internet Explorer") {
function insertHTML(html, n) {
if (browserName == "Microsoft Internet Explorer") {
document.getElementById('wysiwyg' + n).contentWindow.document.selection.createRange().pasteHTML(html);
}
@@ -619,19 +635,15 @@ function insertNodeAtSelection(insertNode, n) {
range = document.createRange();
if (container.nodeType==3 && insertNode.nodeType==3) {
// if we insert text in a textnode, do optimized insertion
container.insertData(pos, insertNode.nodeValue);
// put cursor after inserted text
range.setEnd(container, pos+insertNode.length);
range.setStart(container, pos+insertNode.length);
}
else {
var afterNode;
if (container.nodeType==3) {
} else {
var afterNode;
if (container.nodeType==3) {
// when inserting into a textnode we create 2 new textnodes and put the insertNode in between
var textNode = container;
container = textNode.parentNode;
@@ -653,18 +665,14 @@ function insertNodeAtSelection(insertNode, n) {
// remove the old node
container.removeChild(textNode);
}
else {
} else {
// else simply insert the node
afterNode = container.childNodes[pos];
container.insertBefore(insertNode, afterNode);
}
range.setEnd(afterNode, 0);
range.setStart(afterNode, 0);
}
sel.addRange(range);
}
@@ -675,10 +683,9 @@ function updateTextArea(n) {
document.getElementById(n).value = document.getElementById("wysiwyg" + n).contentWindow.document.body.innerHTML;
}
}
function grabSelectedText(n){
// var browserName = navigator.appName;
var selectedText = '';
// for IE
if (browserName == "Microsoft Internet Explorer"||browserName == "Opera") {