www.gusucode.com > WYSIWYG Editing 1.0码程序 > wysiwyg.php
<?php
/*
Plugin Name: WYSIWYG Editing
Plugin URI: http://wordpress.org/#
Description: This plugin activates WYSIWYG (what you see is what you get) editing for different fields in WordPress. It is based on the <a href="http://www.themaninblue.com/experiment/widgEditor/">widgEditor</a>.
Author: Matt Mullenweg
Version: 1.0
Author URI: http://photomatt.net/
*/
if ( isset( $_GET['file'] ) && 'wysiwyg.php' == basename($_SERVER['PHP_SELF']) ) :
switch ( $_GET['file'] ) :
case 'widgContent.css' :
header('Content-type: text/css');
echo '/* HTML TAGS */
body
{
font-family: Georgia, serif;
background-color: #FFFFFF;
color: #000000;
}
/* OBJECTS */
/* CLASSES */';
exit;
break;
case 'widgEditor.css' :
header('Content-type: text/css');
echo '/******************************************************************************
** STRUCTURE OF DYNAMICALLY CREATED ELEMENTS
*******************************************************************************
**
** <div id="ORIGINAL_IDWidgContainer" class="widgContainer">
** <ul id="ORIGINAL_IDWidgToolbar" class="widgToolbar">
** <li id="BUTTON_ID" class="widgEditButton">
** <a></a>
** </li>
** <li class="widgEditSelect">
** <select>
** </select>
** </li>
** </ul>
** <iframe id="ORIGINAL_IDWidgIframe" class="widgIframe">
** </iframe>
** <textarea id="ORIGINAL_IDWidgTextarea" class="widgEditor">
** </textarea>
** </div>
*/
/* TOOLBAR BUTTONS */
.widgToolbar a
{
display: block;
width: 30px;
height: 30px;
overflow: hidden;
background-repeat: no-repeat;
text-indent: -1000em;
text-decoration: none;
}
.widgToolbar a:hover
{
background-position: 0 -30px;
}
.widgToolbar a:active
{
margin-top: 2px;
margin-left: 2px;
background-position: 0 -60px;
}
.widgToolbar li.on a, .widgToolbar li.on a:hover
{
background-position: 0 -60px;
}
.widgToolbar li.widgEditButton
{
background-image: url(wysiwyg-images/widgeditor_button_shadow.gif);
background-repeat: no-repeat;
background-position: bottom right;
}
.widgButtonBold
{
background-image: url(wysiwyg-images/widgeditor_button_bold.gif);
}
.widgButtonHTML
{
background-image: url(wysiwyg-images/widgeditor_button_html.gif);
}
.widgButtonImage
{
background-image: url(wysiwyg-images/widgeditor_button_image.gif);
}
.widgButtonItalic
{
background-image: url(wysiwyg-images/widgeditor_button_italic.gif);
}
.widgButtonLink
{
background-image: url(wysiwyg-images/widgeditor_button_link.gif);
}
.widgButtonOrdered
{
background-image: url(wysiwyg-images/widgeditor_button_ordered.gif);
}
.widgButtonUnordered
{
background-image: url(wysiwyg-images/widgeditor_button_unordered.gif);
}
.widgSource a
{
background-image: url(wysiwyg-images/widgeditor_button_empty.gif);
cursor: default;
}
.widgSource li.on a, .widgSource li.on a:hover
{
background-position: 0 0;
}
.widgSource .widgButtonHTML
{
background-image: url(wysiwyg-images/widgeditor_button_html.gif);
}
.widgSource .widgButtonHTML:hover
{
cursor: pointer;
}
/* TOOLBAR */
.widgToolbar
{
list-style: none;
width: 98%;
height: 48px;
margin: 0;
padding: 0 0 0 2px;
border: 1px solid #CCCCCC;
background-image: url(wysiwyg-images/widgeditor_toolbar_bg.gif);
background-repeat: repeat-x;
}
* html .widgToolbar
{
width: auto;
}
.widgToolbar li
{
display: inline;
float: left;
width: 32px;
height: 32px;
margin-top: 9px;
margin-left: 7px;
line-height: 30px;
}
/* EDITING AREA */
.widgIframe
{
clear: left;
width: 98%;
height: 200px;
border-top-width: 1px;
}
.widgContainer textarea.widgEditor
{
clear: left;
width: 98%;
height: 200px;
border-top-width: 1px;
padding: 0;
}
/* EDITOR CONTAINER */
.widgContainer
{
}';
exit;
break;
case 'widgEditor.js' :
header('Content-type: text/javascript');
?>
/*
** File: widgEdit.js
** Created by: Cameron Adams (http://www.themaninblue.com/)
** Created on: 2005-01-16
** Last modified: 2005-03-09
**
**
**
**
** License Information:
** -------------------------------------------------------------------------
** Copyright (C) 2005 Cameron Adams
**
** This program is free software; you can redistribute it and/or modify it
** under the terms of the GNU General Public License as published by the
** Free Software Foundation; either version 2 of the License, or (at your
** option) any later version.
**
** This program is distributed in the hope that it will be useful, but
** WITHOUT ANY WARRANTY; without even the implied warranty of
** MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
** General Public License for more details.
**
** You should have received a copy of the GNU General Public License along
** with this program; if not, write to the Free Software Foundation, Inc.,
** 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
**
**
**
**
** Purpose:
** -------------------------------------------------------------------------
**
** Replaces all textareas (class="widgEditor") in a HTML document with
** enhanced editing windows to allow basic HTML formatting in a WYSIWYG
** manner.
**
**
**
**
** Function list:
** -------------------------------------------------------------------------
**
** run()
**
** widgInit()
**
** widgEditor(replacedTextareaID)
** widtEditor.cleanPaste()
** widgEditor.cleanSource()
** widgEditor.convertSPANs(theSwitch)
** widgEditor.detectPaste(e)
** widgEditor.initEdit()
** widgEditor.insertNewParagraph()
** widgEditor.modifyFormSubmit()
** widgEditor.paragraphise()
** widgEditor.refreshDisplay()
** widgEditor.switchMode()
** widgEditor.updateWidgInput()
** widgEditor.writeDocument()
**
** widgToolbar()
** widgToolbar.addButton(theID, theClass, theLabel, theAction)
** widgToolbar.addSelect(theID, theClass, theContentArray, theAction)
** widgToolbar.disable()
** widgToolbar.enable()
** widgToolbar.setState(theState, theStatus)
**
** widgToolbarAction()
**
** widgToolbarCheckState(theWidgEditor, resubmit)
**
** widgToolbarMouseover()
**
** acceptableChildren(theNode)
**
** changeNodeType(theNode, nodeType)
**
** replaceNodeWithChildren()
**
** String.addClass(theClass)
** String.classExists(theClass)
** String.isAcceptedElementName()
** String.isInlineName()
** String.removeClass(theClass)
** String.reverse()
** String.validTags()
*/
/******************************************************************************
** CONFIGURATION VARIABLES
******************************************************************************/
/* Location of stylesheet file for editor content */
var widgStylesheet = "../wp-content/plugins/wysiwyg.php?file=widgContent.css";
/* Items to appear in toolbar. */
var widgToolbarItems = new Array();
widgToolbarItems.push("bold");
widgToolbarItems.push("italic");
widgToolbarItems.push("hyperlink");
widgToolbarItems.push("unorderedlist");
widgToolbarItems.push("orderedlist");
widgToolbarItems.push("image");
widgToolbarItems.push("htmlsource");
widgToolbarItems.push("blockformat");
/* Options on block format select element. Consists of string pairs (option value, option label) */
var widgSelectBlockOptions = new Array();
widgSelectBlockOptions.push("", "Change block type");
widgSelectBlockOptions.push("<h1>", "Heading 1");
widgSelectBlockOptions.push("<h2>", "Heading 2");
widgSelectBlockOptions.push("<h3>", "Heading 3");
widgSelectBlockOptions.push("<h4>", "Heading 4");
widgSelectBlockOptions.push("<h5>", "Heading 5");
widgSelectBlockOptions.push("<h6>", "Heading 6");
widgSelectBlockOptions.push("<p>", "Paragraph");
/* If widgInsertParagraphs = true, when content is submitted paragraphs will be
** inserted around text without a parent element. Mozilla does not
** automatically do this, so if this is set to false you will end up with some
** plain text blocks. Uses a double <br /> as a pargraph marker.
*/
var widgInsertParagraphs = true;
/* If widgAutoClean = true, when content is pasted into the WYSIWYG view, it
** will automatically be cleaned. If widgAutoClean = false, the user will be
** prompted as to whether they wish to clean the content.
*/
var widgAutoClean = false;
/******************************************************************************
** END CONFIGURATION
******************************************************************************/
run();
function run()
{
var oldOnload = window.onload;
if (typeof(window.onload) != "function")
{
window.onload = widgInit;
}
else
{
window.onload = function()
{
oldOnload();
widgInit();
}
}
}
function widgInit()
{
/* Detects if designMode is available, and also if browser is IE or Mozilla (excludes Safari) */
if (typeof(document.designMode) == "string" && (document.all || document.designMode == "off"))
{
var theTextareas = document.getElementsByTagName("textarea");
for (var i = 0; i < theTextareas.length; i++)
{
var theTextarea = theTextareas[i];
if (theTextarea.className.classExists("widgEditor"))
{
if (theTextarea.id == "")
{
theTextarea.id = theTextarea.name;
}
setTimeout("new widgEditor('" + theTextarea.id + "')", 500 * (i));
}
}
}
else
{
return false;
}
return true;
}
function widgEditor(replacedTextareaID)
{
var self = this;
this.theTextarea = document.getElementById(replacedTextareaID);
this.theContainer = document.createElement("div");
this.theIframe = document.createElement("iframe");
this.theInput = document.createElement("input");
this.theExtraInput = document.createElement("input");
this.IE = false;
this.locked = true;
this.pasteCache = "";
this.wysiwyg = true;
if (document.all)
{
this.IE = true;
}
if (this.theTextarea.id == null)
{
this.theTextarea.id = this.theTextarea.name;
}
this.theTextarea.style.visibility = "hidden";
/* Modify DOM objects for editor */
this.theContainer.id = this.theTextarea.id + "WidgContainer";
this.theContainer.className = "widgContainer";
this.theIframe.id = this.theTextarea.id + "WidgIframe";
this.theIframe.className = "widgIframe";
this.theInput.type = "hidden";
this.theInput.id = this.theTextarea.id;
this.theInput.name = this.theTextarea.name;
this.theInput.value = this.theTextarea.value;
this.theToolbar = new widgToolbar(this);
/* An extra input to determine if the submitted data is from the normal textarea or from the widgEditor */
this.theExtraInput.type = "hidden";
this.theExtraInput.id = this.theTextarea.id + "WidgEditor";
this.theExtraInput.name = this.theTextarea.name + "WidgEditor";
this.theExtraInput.value = "true";
this.theTextarea.id += "WidgTextarea";
this.theTextarea.name += "WidgTextarea";
this.theContainer.appendChild(this.theToolbar.theList);
this.theContainer.appendChild(this.theIframe);
this.theContainer.appendChild(this.theInput);
this.theContainer.appendChild(this.theExtraInput);
this.theContainer.style.visibility = "hidden";
this.theInput.widgEditorObject = this;
this.theTextarea.parentNode.replaceChild(this.theContainer, this.theTextarea);
/* Fill editor with old textarea content */
this.writeDocument(this.theInput.value);
/* Make editor editable */
this.initEdit();
/* Attach onsubmit to parent form */
this.modifyFormSubmit();
return true;
}
/* Clean pasted content */
widgEditor.prototype.cleanPaste = function()
{
if (widgAutoClean || confirm("Do you wish to clean the HTML source of the content you just pasted?"))
{
var matchedHead = "";
var matchedTail = "";
var newContent = this.theIframe.contentWindow.document.getElementsByTagName("body")[0].innerHTML;
var newContentStart = 0;
var newContentFinish = 0;
var newSnippet = "";
var tempNode = document.createElement("div");
/* Find start of both strings that matches */
for (newContentStart = 0; newContent.charAt(newContentStart) == this.pasteCache.charAt(newContentStart); newContentStart++)
{
matchedHead += this.pasteCache.charAt(newContentStart);
}
/* If newContentStart is inside a HTML tag, move to opening brace of tag */
for (var i = newContentStart; i >= 0; i--)
{
if (this.pasteCache.charAt(i) == "<")
{
newContentStart = i;
matchedHead = this.pasteCache.substring(0, newContentStart);
break;
}
else if(this.pasteCache.charAt(i) == ">")
{
break;
}
}
newContent = newContent.reverse();
this.pasteCache = this.pasteCache.reverse();
/* Find end of both strings that matches */
for (newContentFinish = 0; newContent.charAt(newContentFinish) == this.pasteCache.charAt(newContentFinish); newContentFinish++)
{
matchedTail += this.pasteCache.charAt(newContentFinish);
}
/* If newContentFinish is inside a HTML tag, move to closing brace of tag */
for (var i = newContentFinish; i >= 0; i--)
{
if (this.pasteCache.charAt(i) == ">")
{
newContentFinish = i;
matchedTail = this.pasteCache.substring(0, newContentFinish);
break;
}
else if(this.pasteCache.charAt(i) == "<")
{
break;
}
}
matchedTail = matchedTail.reverse();
/* If there's no difference in pasted content */
if (newContentStart == newContent.length - newContentFinish)
{
return false;
}
newContent = newContent.reverse();
newSnippet = newContent.substring(newContentStart, newContent.length - newContentFinish);
newSnippet = newSnippet.validTags();
/* Replace opening bold tags with strong */
newSnippet = newSnippet.replace(/<b(\s+|>)/g, "<strong$1");
/* Replace closing bold tags with closing strong */
newSnippet = newSnippet.replace(/<\/b(\s+|>)/g, "</strong$1");
/* Replace italic tags with em */
newSnippet = newSnippet.replace(/<i(\s+|>)/g, "<em$1");
/* Replace closing italic tags with closing em */
newSnippet = newSnippet.replace(/<\/i(\s+|>)/g, "</em$1");
/* Strip out unaccepted attributes */
newSnippet = newSnippet.replace(/<[^>]*>/g, function(match)
{
match = match.replace(/ ([^=]+)="[^"]*"/g, function(match2, attributeName)
{
if (attributeName == "alt" || attributeName == "href" || attributeName == "src" || attributeName == "title")
{
return match2;
}
return "";
});
return match;
}
);
tempNode.innerHTML = newSnippet;
acceptableChildren(tempNode);
this.theInput.value = matchedHead + tempNode.innerHTML + matchedTail;
/* Final cleanout for MS Word cruft */
this.theInput.value = this.theInput.value.replace(/<\?xml[^>]*>/g, "");
this.theInput.value = this.theInput.value.replace(/<[^ >]+:[^>]*>/g, "");
this.theInput.value = this.theInput.value.replace(/<\/[^ >]+:[^>]*>/g, "");
this.refreshDisplay();
/* Convert semantics to spans in Mozilla */
if (!this.IE)
{
this.convertSPANs();
}
}
return true;
}
/* Clean the HTML code of the content area */
widgEditor.prototype.cleanSource = function()
{
var theHTML = "";
if (this.wysiwyg)
{
theHTML = this.theIframe.contentWindow.document.getElementsByTagName("body")[0].innerHTML;
}
else
{
theHTML = this.theTextarea.value;
}
theHTML = theHTML.validTags();
/* Remove leading and trailing whitespace */
theHTML = theHTML.replace(/^\s+/, "");
theHTML = theHTML.replace(/\s+$/, "");
/* Remove style attribute inside any tag */
theHTML = theHTML.replace(/ style="[^"]*"/g, "");
/* Replace improper BRs */
theHTML = theHTML.replace(/<br>/g, "<br />");
/* Remove BRs right before the end of blocks */
theHTML = theHTML.replace(/<br \/>\s*<\/(h1|h2|h3|h4|h5|h6|li|p)/g, "</$1");
/* Replace improper IMGs */
theHTML = theHTML.replace(/(<img [^>]+[^\/])>/g, "$1 />");
/* Remove empty tags */
theHTML = theHTML.replace(/(<[^\/]>|<[^\/][^>]*[^\/]>)\s*<\/[^>]*>/g, "");
if (this.wysiwyg)
{
this.theIframe.contentWindow.document.getElementsByTagName("body")[0].innerHTML = theHTML;
}
else
{
this.theTextarea.value = theHTML;
}
this.theInput.value = theHTML;
return true;
}
widgEditor.prototype.convertSPANs = function(theSwitch)
{
if (theSwitch)
{
/* Replace styled spans with their semantic equivalent */
var theSPANs = this.theIframe.contentWindow.document.getElementsByTagName("span");
while(theSPANs.length > 0)
{
var theChildren = new Array();
var theReplacementElement = null;
var theParentElement = null;
for (var j = 0; j < theSPANs[0].childNodes.length; j++)
{
theChildren.push(theSPANs[0].childNodes[j].cloneNode(true));
}
/* Detect type of span style */
switch (theSPANs[0].getAttribute("style"))
{
case "font-weight: bold;":
theReplacementElement = this.theIframe.contentWindow.document.createElement("strong");
theParentElement = theReplacementElement;
break;
case "font-style: italic;":
theReplacementElement = this.theIframe.contentWindow.document.createElement("em");
theParentElement = theReplacementElement;
break;
case "font-weight: bold; font-style: italic;":
theParentElement = this.theIframe.contentWindow.document.createElement("em");
theReplacementElement = this.theIframe.contentWindow.document.createElement("strong");
theReplacementElement.appendChild(theParentElement);
break;
case "font-style: italic; font-weight: bold;":
theParentElement = this.theIframe.contentWindow.document.createElement("strong");
theReplacementElement = this.theIframe.contentWindow.document.createElement("em");
theReplacementElement.appendChild(theParentElement);
break;
default:
replaceNodeWithChildren(theSPANs[0]);
break;
}
if (theReplacementElement != null)
{
for (var j = 0; j < theChildren.length; j++)
{
theParentElement.appendChild(theChildren[j]);
}
theSPANs[0].parentNode.replaceChild(theReplacementElement, theSPANs[0]);
}
theSPANs = this.theIframe.contentWindow.document.getElementsByTagName("span");
}
}
else
{
/* Replace em and strong tags with styled spans */
var theEMs = this.theIframe.contentWindow.document.getElementsByTagName("em");
while(theEMs.length > 0)
{
var theChildren = new Array();
var theSpan = this.theIframe.contentWindow.document.createElement("span");
theSpan.setAttribute("style", "font-style: italic;");
for (var j = 0; j < theEMs[0].childNodes.length; j++)
{
theChildren.push(theEMs[0].childNodes[j].cloneNode(true));
}
for (var j = 0; j < theChildren.length; j++)
{
theSpan.appendChild(theChildren[j]);
}
theEMs[0].parentNode.replaceChild(theSpan, theEMs[0]);
theEMs = this.theIframe.contentWindow.document.getElementsByTagName("em");
}
var theSTRONGs = this.theIframe.contentWindow.document.getElementsByTagName("strong");
while(theSTRONGs.length > 0)
{
var theChildren = new Array();
var theSpan = this.theIframe.contentWindow.document.createElement("span");
theSpan.setAttribute("style", "font-weight: bold;");
for (var j = 0; j < theSTRONGs[0].childNodes.length; j++)
{
theChildren.push(theSTRONGs[0].childNodes[j].cloneNode(true));
}
for (var j = 0; j < theChildren.length; j++)
{
theSpan.appendChild(theChildren[j]);
}
theSTRONGs[0].parentNode.replaceChild(theSpan, theSTRONGs[0]);
theSTRONGs = this.theIframe.contentWindow.document.getElementsByTagName("strong");
}
}
return true;
}
/* Check for pasted content */
widgEditor.prototype.detectPaste = function(e)
{
var keyPressed = null;
var theEvent = null;
if (e)
{
theEvent = e;
}
else
{
theEvent = event;
}
if (theEvent.ctrlKey && theEvent.keyCode == 86 && this.wysiwyg)
{
var self = this;
this.pasteCache = this.theIframe.contentWindow.document.getElementsByTagName("body")[0].innerHTML;
/* Because Mozilla can't access the clipboard directly, must rely on timeout to check pasted differences in main content */
setTimeout(function(){self.cleanPaste(); return true;}, 100);
}
return true;
}
/* Turn on document editing */
widgEditor.prototype.initEdit = function()
{
var self = this;
try
{
this.theIframe.contentWindow.document.designMode = "on";
}
catch (e)
{
/* setTimeout needed to counteract Mozilla bug whereby you can't immediately change designMode on newly created iframes */
setTimeout(function(){self.initEdit()}, 250);
return false;
}
if (!this.IE)
{
this.convertSPANs(false);
}
this.theContainer.style.visibility = "visible";
this.theTextarea.style.visibility = "visible";
/* Mozilla event capturing */
if (typeof document.addEventListener == "function")
{
this.theIframe.contentWindow.document.addEventListener("mouseup", function(){widgToolbarCheckState(self); return true;}, false);
this.theIframe.contentWindow.document.addEventListener("keyup", function(){widgToolbarCheckState(self); return true;}, false);
this.theIframe.contentWindow.document.addEventListener("keydown", function(e){self.detectPaste(e); return true;}, false);
}
/* IE event capturing */
else
{
this.theIframe.contentWindow.document.attachEvent("onmouseup", function(){widgToolbarCheckState(self); return true;});
this.theIframe.contentWindow.document.attachEvent("onkeyup", function(){widgToolbarCheckState(self); return true;});
this.theIframe.contentWindow.document.attachEvent("onkeydown", function(e){self.detectPaste(e); return true;}, false);
}
this.locked = false;
return true;
}
/* Add elements to a paragraph and inserts the paragraph before a given element in the body */
widgEditor.prototype.insertNewParagraph = function(elementArray, succeedingElement)
{
var theBody = this.theIframe.contentWindow.document.getElementsByTagName("body")[0];
var theParagraph = this.theIframe.contentWindow.document.createElement("p");
for (var i = 0; i < elementArray.length; i++)
{
theParagraph.appendChild(elementArray[i]);
}
if (typeof(succeedingElement) != "undefined")
{
theBody.insertBefore(theParagraph, succeedingElement);
}
else
{
theBody.appendChild(theParagraph);
}
return true;
}
/* Add submit listener to parent form */
widgEditor.prototype.modifyFormSubmit = function()
{
var self = this;
var theForm = this.theContainer.parentNode;
var oldOnsubmit = null;
/* Find the parent form element */
while (theForm.nodeName.toLowerCase() != "form")
{
theForm = theForm.parentNode;
}
/* Add onsubmit without overwriting existing function calls */
oldOnsubmit = theForm.onsubmit;
if (typeof theForm.onsubmit != "function")
{
theForm.onsubmit = function()
{
return self.updateWidgInput();
}
}
else
{
theForm.onsubmit = function()
{
self.updateWidgInput();
return oldOnsubmit();
}
}
return true;
}
/* Format the HTML with paragraphs. Any parentless text is enclosed in a paragraph, double breaks are paragraph markers */
widgEditor.prototype.paragraphise = function()
{
if (widgInsertParagraphs && this.wysiwyg)
{
var theBody = this.theIframe.contentWindow.document.getElementsByTagName("body")[0];
/* Remove all text nodes containing just whitespace */
for (var i = 0; i < theBody.childNodes.length; i++)
{
if (theBody.childNodes[i].nodeName.toLowerCase() == "#text" &&
theBody.childNodes[i].data.search(/^\s*$/) != -1)
{
theBody.removeChild(theBody.childNodes[i]);
i--;
}
}
var removedElements = new Array();
for (var i = 0; i < theBody.childNodes.length; i++)
{
if (theBody.childNodes[i].nodeName.isInlineName())
{
removedElements.push(theBody.childNodes[i].cloneNode(true));
theBody.removeChild(theBody.childNodes[i]);
i--;
}
else if (theBody.childNodes[i].nodeName.toLowerCase() == "br")
{
if (i + 1 < theBody.childNodes.length)
{
/* If the current break tag is followed by another break tag */
if (theBody.childNodes[i + 1].nodeName.toLowerCase() == "br")
{
/* Remove consecutive break tags */
while (i < theBody.childNodes.length && theBody.childNodes[i].nodeName.toLowerCase() == "br")
{
theBody.removeChild(theBody.childNodes[i]);
}
if (removedElements.length > 0)
{
this.insertNewParagraph(removedElements, theBody.childNodes[i]);
removedElements = new Array();
}
}
/* If the break tag appears before a block element */
else if (!theBody.childNodes[i + 1].nodeName.isInlineName())
{
theBody.removeChild(theBody.childNodes[i]);
}
else if (removedElements.length > 0)
{
removedElements.push(theBody.childNodes[i].cloneNode(true));
theBody.removeChild(theBody.childNodes[i]);
}
else
{
theBody.removeChild(theBody.childNodes[i]);
}
i--;
}
else
{
theBody.removeChild(theBody.childNodes[i]);
}
}
else if (removedElements.length > 0)
{
this.insertNewParagraph(removedElements, theBody.childNodes[i]);
removedElements = new Array();
}
}
if (removedElements.length > 0)
{
this.insertNewParagraph(removedElements);
}
}
return true;
}
/* Update hidden input to reflect editor contents, for submission */
widgEditor.prototype.refreshDisplay = function()
{
if (this.wysiwyg)
{
this.theIframe.contentWindow.document.getElementsByTagName("body")[0].innerHTML = this.theInput.value;
}
else
{
this.theTextarea.value = this.theInput.value;
}
return true;
}
/* Switch between WYSIWYG and HTML source */
widgEditor.prototype.switchMode = function()
{
if (!this.locked)
{
this.locked = true;
/* Switch to HTML source */
if (this.wysiwyg)
{
this.updateWidgInput();
this.theTextarea.value = this.theInput.value;
this.theContainer.replaceChild(this.theTextarea, this.theIframe);
this.theToolbar.disable();
this.wysiwyg = false;
this.locked = false;
}
/* Switch to WYSIWYG */
else
{
this.updateWidgInput();
this.theContainer.replaceChild(this.theIframe, this.theTextarea);
this.writeDocument(this.theInput.value);
this.theToolbar.enable();
this.initEdit();
this.wysiwyg = true;
}
}
return true;
}
/* Update hidden input to reflect editor contents, for submission */
widgEditor.prototype.updateWidgInput = function()
{
if (this.wysiwyg)
{
/* Convert spans to semantics in Mozilla */
if (!this.IE)
{
this.convertSPANs(true);
}
this.paragraphise();
this.cleanSource();
}
else
{
this.theInput.value = this.theTextarea.value;
}
return true;
}
/* Write initial content to editor */
widgEditor.prototype.writeDocument = function(documentContent)
{
/* HTML template into which the HTML Editor content is inserted */
var documentTemplate = "\
<html>\
<head>\
<style type=\"text/css\">@import url(\"INSERT:STYLESHEET:END\");</style>\
</head>\
<body id=\"iframeBody\">\
INSERT:CONTENT:END\
</body>\
</html>\
";
/* Insert dynamic variables/content into document */
documentTemplate = documentTemplate.replace(/INSERT:STYLESHEET:END/, widgStylesheet);
documentTemplate = documentTemplate.replace(/INSERT:CONTENT:END/, documentContent);
this.theIframe.contentWindow.document.open();
this.theIframe.contentWindow.document.write(documentTemplate);
this.theIframe.contentWindow.document.close();
return true;
}
/* Toolbar items */
function widgToolbar(theEditor)
{
var self = this;
this.widgEditorObject = theEditor;
/* Create toolbar ul element */
this.theList = document.createElement("ul");
this.theList.id = this.widgEditorObject.theInput.id + "WidgToolbar";
this.theList.className = "widgToolbar";
this.theList.widgToolbarObject = this;
/* Create toolbar items */
for (var i = 0; i < widgToolbarItems.length; i++)
{
switch (widgToolbarItems[i])
{
case "bold":
this.addButton(this.theList.id + "ButtonBold", "widgButtonBold", "Bold", "bold");
break;
case "italic":
this.addButton(this.theList.id + "ButtonItalic", "widgButtonItalic", "Italic", "italic");
break;
case "hyperlink":
this.addButton(this.theList.id + "ButtonLink", "widgButtonLink", "Hyperlink", "link");
break;
case "unorderedlist":
this.addButton(this.theList.id + "ButtonUnordered", "widgButtonUnordered", "Unordered List", "insertunorderedlist");
break;
case "orderedlist":
this.addButton(this.theList.id + "ButtonOrdered", "widgButtonOrdered", "Ordered List", "insertorderedlist");
break;
case "image":
this.addButton(this.theList.id + "ButtonImage", "widgButtonImage", "Insert Image", "image");
break;
case "htmlsource":
this.addButton(this.theList.id + "ButtonHTML", "widgButtonHTML", "HTML Source", "html");
break;
case "blockformat":
this.addSelect(this.theList.id + "SelectBlock", "widgSelectBlock", widgSelectBlockOptions, "formatblock");
break;
}
}
return true;
}
/* Add button to toolbar */
widgToolbar.prototype.addButton = function(theID, theClass, theLabel, theAction)
{
var menuItem = document.createElement("li");
var theLink = document.createElement("a");
var theText = document.createTextNode(theLabel);
menuItem.id = theID;
menuItem.className = "widgEditButton";
theLink.href = "#";
theLink.title = theLabel;
theLink.className = theClass;
theLink.action = theAction;
theLink.onclick = widgToolbarAction;
theLink.onmouseover = widgToolbarMouseover;
theLink.appendChild(theText);
menuItem.appendChild(theLink);
this.theList.appendChild(menuItem);
return true;
}
/* Add select box to toolbar. theContentArray is an array of string pairs (option value, option label) */
widgToolbar.prototype.addSelect = function(theID, theClass, theContentArray, theAction)
{
var menuItem = document.createElement("li");
var theSelect = document.createElement("select");
menuItem.className = "widgEditSelect";
theSelect.id = theID;
theSelect.name = theID;
theSelect.className = theClass;
theSelect.action = theAction;
theSelect.onchange = widgToolbarAction;
for (var i = 0; i < theContentArray.length; i += 2)
{
var theOption = document.createElement("option");
var theText = document.createTextNode(theContentArray[i + 1]);
theOption.value = theContentArray[i];
theOption.appendChild(theText);
theSelect.appendChild(theOption);
}
menuItem.appendChild(theSelect);
this.theList.appendChild(menuItem);
return true;
}
/* Turn off toolbar items */
widgToolbar.prototype.disable = function()
{
/* Change class to disable buttons using CSS */
this.theList.className += " widgSource";
/* Loop through lis */
for (var i = 0; i < this.theList.childNodes.length; i++)
{
var theChild = this.theList.childNodes[i];
if (theChild.nodeName.toLowerCase() == "li" && theChild.className == "widgEditSelect")
{
/* Loop through li children to find select */
for (j = 0; j < theChild.childNodes.length; j++)
{
if (theChild.childNodes[j].nodeName.toLowerCase() == "select")
{
theChild.childNodes[j].disabled = "disabled";
break;
}
}
}
}
return true;
}
/* Turn on toolbar items */
widgToolbar.prototype.enable = function()
{
/* Change class to enable buttons using CSS */
this.theList.className = this.theList.className.replace(/ widgSource/, "");
/* Loop through lis */
for (var i = 0; i < this.theList.childNodes.length; i++)
{
var theChild = this.theList.childNodes[i];
if (theChild.nodeName.toLowerCase() == "li" && theChild.className == "widgEditSelect")
{
/* Loop through li children to find select */
for (j = 0; j < theChild.childNodes.length; j++)
{
if (theChild.childNodes[j].nodeName.toLowerCase() == "select")
{
theChild.childNodes[j].disabled = "";
break;
}
}
}
}
return true;
}
/* Change the status of the selected toolbar item */
widgToolbar.prototype.setState = function(theState, theStatus)
{
if (theState != "SelectBlock")
{
var theButton = document.getElementById(this.theList.id + "Button" + theState);
if (theButton != null)
{
if (theStatus == "on")
{
theButton.className = theButton.className.addClass("on");
}
else
{
theButton.className = theButton.className.removeClass("on");
}
}
}
else
{
var theSelect = document.getElementById(this.theList.id + "SelectBlock");
if (theSelect != null)
{
theSelect.value = "";
theSelect.value = theStatus;
}
}
return true;
}
/* Action taken when toolbar item activated */
function widgToolbarAction()
{
var theToolbar = this.parentNode.parentNode.widgToolbarObject;
var theWidgEditor = theToolbar.widgEditorObject;
var theIframe = theWidgEditor.theIframe;
var theSelection = "";
/* If somehow a button other than "HTML source" is clicked while viewing HTML source, ignore click */
if (!theWidgEditor.wysiwyg && this.action != "html")
{
return false;
}
switch (this.action)
{
case "formatblock":
theIframe.contentWindow.document.execCommand(this.action, false, this.value);
theWidgEditor.theToolbar.setState("SelectBlock", this.value);
break;
case "html":
theWidgEditor.switchMode();
break;
case "link":
if (this.parentNode.className.classExists("on"))
{
theIframe.contentWindow.document.execCommand("Unlink", false, null);
theWidgEditor.theToolbar.setState("Link", "off");
}
else
{
if (theIframe.contentWindow.document.selection)
{
theSelection = theIframe.contentWindow.document.selection.createRange().text;
if (theSelection == "")
{
alert("Please select the text you wish to hyperlink.");
break;
}
}
else
{
theSelection = theIframe.contentWindow.getSelection();
if (theSelection == "")
{
alert("Please select the text you wish to hyperlink.");
break;
}
}
var theURL = prompt("Enter the URL for this link:", "http://");
if (theURL != null)
{
theIframe.contentWindow.document.execCommand("CreateLink", false, theURL);
theWidgEditor.theToolbar.setState("Link", "on");
}
}
break;
case "image":
var theImage = prompt("Enter the location for this image:", "");
if (theImage != null && theImage != "")
{
var theAlt = prompt("Enter the alternate text for this image:", "");
var theSelection = null;
var theRange = null;
/* IE selections */
if (theIframe.contentWindow.document.selection)
{
/* Escape quotes in alt text */
theAlt = theAlt.replace(/"/g, "'");
theSelection = theIframe.contentWindow.document.selection;
theRange = theSelection.createRange();
theRange.collapse(false);
theRange.pasteHTML("<img alt=\"" + theAlt + "\" src=\"" + theImage + "\" />");
break;
}
/* Mozilla selections */
else
{
try
{
theSelection = theIframe.contentWindow.getSelection();
}
catch (e)
{
return false;
}
theRange = theSelection.getRangeAt(0);
theRange.collapse(false);
var theImageNode = theIframe.contentWindow.document.createElement("img");
theImageNode.src = theImage;
theImageNode.alt = theAlt;
theRange.insertNode(theImageNode);
break;
}
}
else
{
return false;
}
default:
theIframe.contentWindow.document.execCommand(this.action, false, null);
var theAction = this.action.replace(/^./, function(match){return match.toUpperCase();});
/* Turn off unordered toolbar item if ordered toolbar item was activated */
if (this.action == "insertorderedlist")
{
theAction = "Ordered";
theWidgEditor.theToolbar.setState("Unordered", "off");
}
/* Turn off ordered toolbar item if unordered toolbar item was activated */
if (this.action == "insertunorderedlist")
{
theAction = "Unordered";
theWidgEditor.theToolbar.setState("Ordered", "off");
}
/* If toolbar item was turned on */
if (theIframe.contentWindow.document.queryCommandState(this.action, false, null))
{
theWidgEditor.theToolbar.setState(theAction, "on");
}
else
{
theWidgEditor.theToolbar.setState(theAction, "off");
}
}
if (theWidgEditor.wysiwyg == true)
{
theIframe.contentWindow.focus();
}
else
{
theWidgEditor.theTextarea.focus();
}
return false;
}
/* Check the nesting of the current cursor position/selection */
function widgToolbarCheckState(theWidgEditor, resubmit)
{
if (!resubmit)
{
/* Allow browser to update selection before using the selection */
setTimeout(function(){widgToolbarCheckState(theWidgEditor, true); return true;}, 500);
}
var theSelection = null;
var theRange = null;
var theParentNode = null;
var theLevel = 0;
/* Turn off all the buttons */
var menuListItems = theWidgEditor.theToolbar.theList.childNodes;
for (var i = 0; i < menuListItems.length; i++)
{
menuListItems[i].className = menuListItems[i].className.removeClass("on");
}
/* IE selections */
if (theWidgEditor.theIframe.contentWindow.document.selection)
{
theSelection = theWidgEditor.theIframe.contentWindow.document.selection;
theRange = theSelection.createRange();
try
{
theParentNode = theRange.parentElement();
}
catch (e)
{
return false;
}
}
/* Mozilla selections */
else
{
try
{
theSelection = theWidgEditor.theIframe.contentWindow.getSelection();
}
catch (e)
{
return false;
}
theRange = theSelection.getRangeAt(0);
theParentNode = theRange.commonAncestorContainer;
}
while (theParentNode.nodeType == 3)
{
theParentNode = theParentNode.parentNode;
}
while (theParentNode.nodeName.toLowerCase() != "body")
{
switch (theParentNode.nodeName.toLowerCase())
{
case "a":
theWidgEditor.theToolbar.setState("Link", "on");
break;
case "em":
theWidgEditor.theToolbar.setState("Italic", "on");
break;
case "li":
break;
case "ol":
theWidgEditor.theToolbar.setState("Ordered", "on");
theWidgEditor.theToolbar.setState("Unordered", "off");
break;
case "span":
if (theParentNode.getAttribute("style") == "font-weight: bold;")
{
theWidgEditor.theToolbar.setState("Bold", "on");
}
else if (theParentNode.getAttribute("style") == "font-style: italic;")
{
theWidgEditor.theToolbar.setState("Italic", "on");
}
else if (theParentNode.getAttribute("style") == "font-weight: bold; font-style: italic;")
{
theWidgEditor.theToolbar.setState("Bold", "on");
theWidgEditor.theToolbar.setState("Italic", "on");
}
else if (theParentNode.getAttribute("style") == "font-style: italic; font-weight: bold;")
{
theWidgEditor.theToolbar.setState("Bold", "on");
theWidgEditor.theToolbar.setState("Italic", "on");
}
break;
case "strong":
theWidgEditor.theToolbar.setState("Bold", "on");
break;
case "ul":
theWidgEditor.theToolbar.setState("Unordered", "on");
theWidgEditor.theToolbar.setState("Ordered", "off");
break;
default:
theWidgEditor.theToolbar.setState("SelectBlock", "<" + theParentNode.nodeName.toLowerCase() + ">");
break;
}
theParentNode = theParentNode.parentNode;
theLevel++;
}
return true;
}
/* Turn off browser status display for toolbar items */
function widgToolbarMouseover()
{
window.status = "";
return true;
}
function acceptableChildren(theNode)
{
var theChildren = theNode.childNodes;
for (var i = 0; i < theChildren.length; i++)
{
if (!theChildren[i].nodeName.isAcceptedElementName())
{
if (!theChildren[i].nodeName.isInlineName())
{
if (theNode.nodeName.toLowerCase() == "p")
{
acceptableChildren(replaceNodeWithChildren(theNode));
return true;
}
changeNodeType(theChildren[i], "p");
}
else
{
replaceNodeWithChildren(theChildren[i]);
}
i = -1;
}
}
for (var i = 0; i < theChildren.length; i++)
{
acceptableChildren(theChildren[i]);
}
return true;
}
/* Change the type of a node, e.g. h3 to p */
function changeNodeType(theNode, nodeType)
{
var theChildren = new Array();
var theNewNode = document.createElement(nodeType);
var theParent = theNode.parentNode;
if (theParent != null)
{
for (var i = 0; i < theNode.childNodes.length; i++)
{
theChildren.push(theNode.childNodes[i].cloneNode(true));
}
for (var i = 0; i < theChildren.length; i++)
{
theNewNode.appendChild(theChildren[i]);
}
theParent.replaceChild(theNewNode, theNode);
}
return true;
}
/* Replace a node with its children -- delete the item and move its children up one level in the hierarchy */
function replaceNodeWithChildren(theNode)
{
var theChildren = new Array();
var theParent = theNode.parentNode;
if (theParent != null)
{
for (var i = 0; i < theNode.childNodes.length; i++)
{
theChildren.push(theNode.childNodes[i].cloneNode(true));
}
for (var i = 0; i < theChildren.length; i++)
{
theParent.insertBefore(theChildren[i], theNode);
}
theParent.removeChild(theNode);
return theParent;
}
return true;
}
/* Add a class to a string */
String.prototype.addClass = function(theClass)
{
if (this != "")
{
if (!this.classExists(theClass))
{
return this + " " + theClass;
}
}
else
{
return theClass;
}
return this;
}
/* Check if a class exists in a string */
String.prototype.classExists = function(theClass)
{
var regString = "(^| )" + theClass + "\W*";
var regExpression = new RegExp(regString);
if (regExpression.test(this))
{
return true;
}
return false;
}
/* Check if a string is the nodeName of an accepted element */
String.prototype.isAcceptedElementName = function()
{
var elementList = new Array("#text", "a", "em", "h1", "h2", "h3", "h4", "h5", "h6", "img", "li", "ol", "p", "strong", "ul");
var theName = this.toLowerCase();
for (var i = 0; i < elementList.length; i++)
{
if (theName == elementList[i])
{
return true;
}
}
return false;
}
/* Check if a string is the nodeName of an inline element */
String.prototype.isInlineName = function()
{
var inlineList = new Array("#text", "a", "em", "font", "span", "strong", "u");
var theName = this.toLowerCase();
for (var i = 0; i < inlineList.length; i++)
{
if (theName == inlineList[i])
{
return true;
}
}
return false;
}
/* Remove a class from a string */
String.prototype.removeClass = function(theClass)
{
var regString = "(^| )" + theClass + "\W*";
var regExpression = new RegExp(regString);
return this.replace(regExpression, "");
}
/* Reverse a string */
String.prototype.reverse = function()
{
var theString = "";
for (var i = this.length - 1; i >= 0; i--)
{
theString += this.charAt(i);
}
return theString;
}
/* Make tags valid by converting uppercase element and attribute names to lowercase and quoting attributes */
String.prototype.validTags = function()
{
var theString = this;
/* Replace uppercase element names with lowercase */
theString = theString.replace(/<[^> ]*/g, function(match){return match.toLowerCase();});
/* Replace uppercase attribute names with lowercase */
theString = theString.replace(/<[^>]*>/g, function(match)
{
match = match.replace(/ [^=]+=/g, function(match2){return match2.toLowerCase();});
return match;
});
/* Put quotes around unquoted attributes */
theString = theString.replace(/<[^>]*>/g, function(match)
{
match = match.replace(/( [^=]+=)([^"][^ >]*)/g, "$1\"$2\"");
return match;
});
return theString;
}
<?php
exit;
break;
endswitch;
endif;
function wysi_head() {
echo '
<style type="text/css" media="all">
@import "../wp-content/plugins/wysiwyg.php?file=widgEditor.css";
</style>
<script type="text/javascript" src="../wp-content/plugins/wysiwyg.php?file=widgEditor.js"></script>
';
ob_start('wysi_replace');
}
function wysi_replace( $text ) {
$text = str_replace('name="content" ', 'name="content" class="widgEditor" ', $text);
$text = preg_replace('|<div id="quicktags">.*?</div>|s', '', $text);
$text = str_replace('<script type="text/javascript">
<!--
edCanvas = document.getElementById(\'content\');
//-->
</script>', '', $text);
return $text;
}
function remove_single_breaks( $text ) {
$text = str_replace(array("\r\n", "\r"), "\n", $text); // cross-platform newlines
$text = str_replace("\n", ' ', $text);
return $text;
}
function wysi_clean( $text ) {
$text = str_replace(' ', ' ' , $text);
$text = preg_replace('|<p>\s*|s', "<p>", $text);
$text = preg_replace('|\s*</p>|s', "</p>\n\n", $text);
$text = str_replace('<p></p>', '', $text);
$text = preg_replace('|<p>(.*?)</p>|ise', "'<p>'. remove_single_breaks('$1') . '</p>'", $text);
return $text;
}
add_filter('content_save_pre', 'wysi_clean');
add_action('admin_head', 'wysi_head');
?>