*
* Copyright@2007-2008 Remiya Solutions All rights reserved!
* @author Remiya Solutions
* @version 2.8
*/
$.fn.htmlbox = function() {
// START: Settings
if (undefined === window.glob_ha) { glob_ha = []; }
// Are more colors set?
var colors = (typeof document.htmlbox_colors === 'function') ? document.htmlbox_colors() : ['silver', 'silver', 'white', 'white', 'yellow', 'yellow', 'orange', 'orange', 'red', 'red', 'green', 'green', 'blue', 'blue', 'brown', 'brown', 'black', 'black'];
var styles = (typeof document.htmlbox_styles === 'function') ? document.htmlbox_styles() : [['No Styles', '', '']];
var syntax = (typeof document.htmlbox_syntax === 'function') ? document.htmlbox_syntax() : [['No Syntax', '', '']];
var d = {
buttons: [], // Buttons
//dir:".", // HtmlBox Directory, This is needed for the all components and images to work
idir: "./images/", // HtmlBox Image Directory, This is needed for the images to work
images: [], // Images
output: "xhtml", // Output
css: "body{margin:3px;font-family:verdana;font-size:11px;}p{margin:0px;}",
rows: [], // Button rows
success: function(data) { alert(data); }, // AJAX on success
error: function(a, b, c) { return this; } // AJAX on error
};
if (!$(this).attr("id")) { $(this).attr("id", "jqha_" + glob_ha.length); d.id = "jqha_" + glob_ha.length; glob_ha[glob_ha] = glob_ha; } else { d.id = $(this).attr("id"); }
if (undefined === glob_ha[d.id]) { glob_ha[d.id] = this; }
// END: Settings
// ------------- PRIVATE METHODS -----------------//
//========================= START OF METHOD ===========================//
// METHOD: get_selection //
//=====================================================================//
/**
* Returns the selected (X)HTML code
* @access private
*/
var get_selection = function() {
var range;
if ($.browser.msie) {
range = d.iframe.contentWindow.document.selection.createRange();
if (range.htmlText && range.text) { return range.htmlText; }
} else {
if (d.iframe.contentWindow.getSelection) {
var selection = d.iframe.contentWindow.getSelection();
if (selection.rangeCount > 0 && window.XMLSerializer) {
range = selection.getRangeAt(0);
var html = new XMLSerializer().serializeToString(range.cloneContents());
return html;
} if (selection.rangeCount > 0) {
range = selection.getRangeAt(0);
var clonedSelection = range.cloneContents();
var div = document.createElement('div');
div.appendChild(clonedSelection);
return div.innerHTML;
}
}
}
};
//=====================================================================//
// METHOD: get_selection //
//========================== END OF METHOD ============================//
//========================= START OF METHOD ===========================//
// METHOD: in_array //
//=====================================================================//
/**
* Coppies the PHP in_array function. This is useful for Objects.
* @access private
*/
var in_array = function(o, a) {
for (var i in a) { if ((i === o)) { return true; } }
return false;
};
//=====================================================================//
// METHOD: in_array //
//========================== END OF METHOD ============================//
//========================= START OF METHOD ===========================//
// METHOD: insert_text //
//=====================================================================//
/**
* Inserts text at the cursor position or selection
* @access private
*/
var insert_text = function(text, start, end) {
if ($.browser.msie) {
if (typeof d.idoc.selection !== "undefined" && d.idoc.selection.type !== "Text" && d.idoc.selection.type !== "None") { start = false; d.idoc.selection.clear(); }
var sel = d.idoc.selection.createRange(); sel.pasteHTML(text);
if (text.indexOf("\n") === -1) {
if (start === false) { } else {
if (typeof start !== "undefined") {
sel.moveStart("character", -text.length + start);
sel.moveEnd("character", -end);
} else {
sel.moveStart("character", -text.length);
}
}
sel.select();
}
} else {
d.idoc.execCommand("insertHTML", false, text);
}
};
//=====================================================================//
// METHOD: insert_text //
//========================== END OF METHOD ============================//
//========================= START OF METHOD ===========================//
// METHOD: keyup //
//=====================================================================//
/**
* Keyup event.
* @access private
*/
var keyup = function(e) {
// Updating the textarea component, so whenever it is posted it will send all the data
var html = $("#1" + d.id).is(":visible") ? $("#" + d.id).val() : html = d.iframe.contentWindow.document.body.innerHTML;
html = (typeof getXHTML === 'function') ? getXHTML(html) : html;
$("#" + d.id).val(html);
if (undefined !== d.change) { d.change(); }
};
//=====================================================================//
// METHOD: keyup //
//========================== END OF METHOD ============================//
//========================= START OF METHOD ===========================//
// METHOD: keypress //
//=====================================================================//
/**
* Keypress event.
* @access private
*/
var keypress = function(e) {
//var code = e.keyCode ? e.keyCode : e.which ? e.which : e.charCode;
//if (code == 13){}
};
//=====================================================================//
// METHOD: keypress //
//========================== END OF METHOD ============================//
//========================= START OF METHOD ===========================//
// METHOD: nobubble //
//=====================================================================//
/**
* Stops event bubbling
* ATTN: Not used now, but is to be used for code editting in the
* Next versions
* @access private
*/
/*
var nobubble = function(e){
var evt=window.event? event : e;
if($.browser.msie){
evt.returnValue = false;evt.cancelBubble = true;return evt;
}else{
evt.stopPropagation();evt.preventDefault();return e;
}
};
*/
//=====================================================================//
// METHOD: nobubble //
//========================== END OF METHOD ============================//
//========================= START OF METHOD ===========================//
// METHOD: style //
//=====================================================================//
/**
* Sets the CSS style to the HtmlBox iframe
* @access private
*/
var style = function() {
// START: HtmlBox Style
if (d.idoc.createStyleSheet) {
d.idoc.createStyleSheet().cssText = d.css;
} else {
var css = d.idoc.createElement('link');
css.rel = 'stylesheet'; css.href = 'data:text/css,' + escape(d.css);
if ($.browser.opera) {
d.idoc.documentElement.appendChild(css);
} else {
d.idoc.getElementsByTagName("head")[0].appendChild(css);
}
}
// END: HtmlBox Style
};
//=====================================================================//
// METHOD: style //
//========================== END OF METHOD ============================//
//========================= START OF METHOD ===========================//
// METHOD: wrap_tags //
//=====================================================================//
/**
* Wraps tags around the cursor position or selection
* @access private
*/
var wrap_tags = function(start, end) {
var sel = get_selection(); if (undefined === sel) { sel = ""; }
insert_text(start + sel + end, start.length, end.length);
};
//=====================================================================//
// METHOD: wrap_tags //
//========================== END OF METHOD ============================//
// ------------- PRIVATE METHODS -----------------//
//========================= START OF METHOD ===========================//
// METHOD: init //
//=====================================================================//
/**
* Draws the HtmlBox on the screen
* @return this
*/
this.init = function(is_init) {
// START: Timeout to allow creation of DesignMode
if (undefined === is_init) { setTimeout("glob_ha['" + d.id + "'].init(true)", 250); return false; }
// END: Timeout to allow creation of DesignMode
var w = $(this).css("width"); var h = $(this).css("height");
if ($.browser.msie) {
$(this).wrap("', '
'); } else if (arg1 !== "") { d.idoc.execCommand('formatBlock', false, "<" + arg1 + ">"); } } else if (cmd === "striptags") { var sel = get_selection(); sel = sel.replace(/(<([^>]+)>)/ig, ""); insert_text(sel); } else if (cmd === "quote") { wrap_tags('