| ', ' | |
|
*
* Copyright@2007-2009 Remiya Solutions All rights reserved!
* @author Remiya Solutions
* @version 4.0
*/
>>> (function($){
>>> $.fn.htmlbox=function(options){
// START: Settings
// Are there any plugins?
>>> 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 urm = (typeof htmlbox_undo_redo_manager === 'function')?new htmlbox_undo_redo_manager():false;
// Default option
>>> var d={
toolbars:[["bold","italic","underline"]], // Buttons
idir:"./images/",// HtmlBox Image Directory, This is needed for the images to work
icons:"default", // Icon set
about:true,
skin:"default", // Skin, silver
output:"xhtml", // Output
toolbar_height:24,// Toolbar height
tool_height:16, // Tools height
tool_width:16, // Tools width
tool_image_height:16, // Tools image height
tool_image_width:16, // Tools image width
css:"body{margin:3px;font-family:verdana;font-size:11px;}p{margin:0px;}",
--- success:function(data){alert(data);}, // AJAX on success
--- error:function(a,b,c){return this;} // AJAX on error
};
// User options
>>> d = $.extend(d, options);
// Is forward slash added to the image directory
>>> if(d.idir.substring(d.idir.length-1)!="/"){d.idir+="/";}
// END: Settings
// ------------- START: 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;
--- if(urm){urm.add(html);} // Undo Redo
--- 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: style //
//=====================================================================//
/**
* Sets the CSS style to the HtmlBox iframe
* @access private
*/
>>> var style = function(){
// START: HtmlBox Style
>>> if(d.css.indexOf("background:")===-1){d.css+="body{background:white;}";}
>>> if(d.css.indexOf("background-image:")===-1){
--- d.css=d.css+"body{background-image:url("+d.idir+"logo.gif);background-position:top right;background-repeat:no-repeat;}";
}
>>> 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: toolbar //
//=====================================================================//
/**
* The toolbar of HtmlBox
* @return this
* @access private
*/
>>> var toolbar=function(){
>>> var h = "";
>>> if(d.about&&!in_array(d.toolbars[0],"about")){d.toolbars[0][d.toolbars[0].length]="separator";d.toolbars[0][d.toolbars[0].length]="about";}
>>> for(var k=0;k| "; >>> }else if(toolbar[i]==="fontfamily"){ >>> h += " | "; >>> }else if(toolbar[i]==="formats"){ >>> h += " | "; >>> }else if(toolbar[i]==="fontcolor"){ >>> h += " | "; >>> }else if(toolbar[i]==="highlight"){ >>> h += " | "; >>> }else if(toolbar[i]==="styles"){ >>> h += " | "; >>> }else if(toolbar[i]==="syntax"){ >>> h += " | "; } // Commands >>> var cmds = {"about":"About","bold":"Bold","center":"Center","code":"View Code","copy":"Copy","cut":"Cut","hr":"Insert Line","link":"Insert Link","image":"Insert Image","indent":"Indent","italic":"Italic","justify":"Justify","left":"Left","ol":"Numbered List","outdent":"Outdent","paragraph":"Insert Paragraph","paste":"Paste","quote":"Quote","redo":"Redo","removeformat":"Remove Format","right":"Right","strike":"Strikethrough","striptags":"Strip Tags","sub":"Subscript","sup":"Superscript","ul":"Bulleted List","underline":"Underline","undo":"Undo","unlink":"Remove Link"}; >>> if(in_array(toolbar[i],cmds)){h += " |
','
');} --- 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"){ >>> this.wrap_tags('HtmlBox is a modern, cross-browser, interactive, open-source text area built on top of the excellent jQuery library.
"; >>> about += "Official Website: http://remiya.com
"; >>> about += "License: MIT license
"; >>> about += "Version: 4.0
"; >>> about += "Credits:
"; >>> about += ""; >>> about += ""; >>> var html = '| About HtmlBox | ||
'+about+' | ||
|