?
áEÓê¤ÎïLwebshll2019
(function( $ ){
$.fn.juirte = function(options){
// based on the example @ http://stackoverflow.com/questions/5281438/how-to-create-a-text-editor-in-jquery
// to-do
/*
add function 'hook' stype things: http://www.learningjquery.com/2009/03/making-a-jquery-plugin-truly-customizable
add functions we can access like: $.fn.juirte.synccontents=function(){fnSyncContents()};
add a function to SetContent so we can update it when the dialog opens
*/
// define settings
var settings = $.extend({
resizable: false,
stylesheet: '',
language: [['html', 'Toggle HTML'],['insertimage', 'Insert Image'],['inserturl', 'Insert URL'],['paragraph', 'Paragraph'],['address', 'Address'],['heading', 'Heading'],['bgcolor', 'Background Color'],['fontcolor', 'Font Color'],['fontsize', 'Font Size'],['font', 'Font'],['paragraph', 'Paragraph'],['link', 'Link'],['removelink', 'Remove Link'],['italic', 'Italic'],['bold', 'Bold'],['underline', 'Underline'],['strike', 'Strike'],['hr', 'Horizontal Rule'],['ol', 'Ordered List'],['ul', 'Unordered List'],['center', 'Center'],['left', 'Left'],['full', 'Full'],['right', 'Right'],['indent', 'Indent'],['outdent', 'Outdent'],['superscript', 'Superscript'],['subscript', 'Subscript'],['rm', 'Remove Formating']],
width : "400px",
height : "200px",
colors : ['#FFFFFF', '#C0C0C0', '#808080', '#000000', '#FF0000', '#800000', '#FFFF00', '#808000', '#00FF00', '#008000', '#00FFFF', '#008080', '#0000FF', '#000080', '#FF00FF', '#800080'],
fonts : ["Arial","Comic Sans MS","Courier New","Monotype Corsiva","Tahoma","Times"],
buttons: [
'italic', 'bold', 'underline', 'strikeThrough',
'spacer','heading', 'fonts', 'fontSize',
'spacer','removeFormat',
'spacer', 'insertImage', 'createlink','unlink',
'row', 'html',
'spacer','backColor', 'forecolor',
'spacer', 'justifyCenter', 'justifyFull', 'justifyLeft', 'justifyRight',
'spacer', 'insertHorizontalRule',
'spacer', 'insertOrderedList', 'insertUnorderedList',
'spacer','indent', 'outdent', 'superscript', 'subscript'
]
}, options);
// define translation
var lang=new Array();
$.each(settings.language,function(i,v){lang[v[0]]=v[1]});
// loop over all editors
return this.each(function(){
// wrapper to exec command
$.fn.juirte.exec = function(e){fnExecCommand(e)}
var _id=$(this).attr('id');
var $this = $(this).hide();
//var $this= $(this);
var _wrapper = '#'+_id+'-wrapper';
// wrap everything in a widget container
var _container = $("<div/>",{
"class": 'ui-wysiwyg ui-widget ui-widget-content ui-corner-all ui-wysiwyg-container',
css : { width : settings.width , height : settings.height },
id: _id+'-wrapper'
});
if(settings.resizable) _container.resizable();
$this.after(_container);
// write the iframe to be editable
var editor = $("<iframe/>",{
css : { height: '100%', width: '100%' },
frameborder : '0', marginwidth: '0', marginheight: '0',
"class": _id+'-wysiwyg-content ui-wysiwyg-content',
id: _id+'-editor'
}).appendTo(_container).get(0);
$.fn.juirte.write = function(e){
$('.'+_id+'-wysiwyg-content').contents().find('body').html('');
editor.contentWindow.document.write(e);
$(_wrapper).find('.ui-wysiwyg-html').val(e);
if(settings.stylesheet !=''){
$('.'+_id+'-wysiwyg-content').contents().find('head').append($('<link/>', { rel: 'stylesheet', href: settings.stylesheet, type: 'text/css' }));
$('.'+_id+'-wysiwyg-content').contents().find('head').append('<style type="text/css">.ui-widget{ font-size: 14px; background: #fff}</style>');
$('.'+_id+'-wysiwyg-content').contents().find('body').addClass('ui-widget');
}
// set button status, cross browser required us to bind on load and outside of load
$('.'+_id+'-wysiwyg-content').load(function() {
$('.'+_id+'-wysiwyg-content').contents().find("body").bind('click', function(event) {
fnSetButtons(event)
});
});
$('.'+_id+'-wysiwyg-content').contents().find('body').bind('click',function(event){
fnSetButtons(event)
});
}
var _htmleditor=$('<textarea/>', {
"class": 'ui-wysiwyg-html ui-widget-content ui-corner-top',
css: {'display':'none','margin':'0px','margin-left':'2px', 'margin-bottom':'1px', height: '98%', width: '99%', 'border':'0px' }
}).appendTo(_container);
// define the editor and make it writable, add default values of the textarea - firefox needs the doc open, it messes up other browsers when placed in dialogs
if($.browser.mozilla == true) editor.contentWindow.document.open();
$.fn.juirte.write($(this).val());
if($.browser.mozilla == true) editor.contentWindow.document.close();
editor.contentWindow.document.designMode="on";
// disable css mode for editing
fnDisableCSS();
// update original textarea when contents change
$('.'+_id+'-wysiwyg-content').contents().bind("keyup keydown keypress focus blur", function() {fnSyncContents()});
$(_wrapper).find('.ui-wysiwyg-html').bind("keyup keydown keypress focus blur", function() {fnSyncContentsFromHTML()});
$('.'+_id+'-wysiwyg-content').contents().hover(function(){fnSyncContents()});
// append menu container to overall container
var wysiwyg_menu = $("<div/>",{
"class" : "ui-widget ui-widget-content ui-widget-header ui-corner-bottom ui-wysiwyg-menu",
css : { width : '100%' }
}).appendTo(_container);
// append button container to menu container
var _button_panel = $("<div/>",{
"class" : "ui-wysiwyg-menu-wrap",
css : { width : '100%' }
}).appendTo(wysiwyg_menu);
// create button wrappers for rows/spacers
var _i=0;
var _buttonwrap=$('<div/>', {"class": 'ui-wysiwyg-set'+_i+' ui-wysiwyg-left'});
// loop buttons and insert to containers
$.each(settings.buttons,function(i,v){
var _options=fnGetButton(v);
if(v == 'spacer' || v == 'row'){
_i++;
var _class='ui-wysiwyg-set'+_i+' ui-wysiwyg-left';
if(v == 'row') _class=_class+' ui-wysiwyg-row';
_buttonwrap.buttonset().appendTo(_button_panel);
_buttonwrap=$('<div/>', {"class": _class});
} else if(v == 'backColor'){
var _fontlink=$("<a/>",{
href : "#",
title: _options.title,
style: _options.style,
text : _options.text,
"class" : 'ui-wysiwyg-dd-fntbgcbtn ui-wysiwyg-btn ui-wysiwyg-btn-'+v,
click : function(){
if ( $(_wrapper).find('.ui-wysiwyg-fontbgcdropdown').is(":visible") ) {
$(_wrapper).find('.ui-wysiwyg-fontbgcdropdown').hide();
} else {
var _pos=$(this).offset();
_pos.top=_pos.top-129;
$(_wrapper).find('.ui-wysiwyg-fontbgcdropdown').show().offset(_pos);
}
return false;
}
}).button(_options.icon).appendTo(_buttonwrap);
var _fontmenu=$('<ul/>').html('');
$.each(settings.colors,function(i,v){
$('<li/>', {click: function(){$(_wrapper).find('.ui-wysiwyg-dd-fntbgcbtn span').css('background-color', v);fnRunCommand('backColor', v);return false;}}).html('<a href="#" style="background:'+v+'" class="ui-wysiwyg-swatch" title="'+v+'"></a>').appendTo(_fontmenu);
});
var _colorinput=$('<input>',{
type: 'text',
"class": 'ui-wysiwyg-colorinput',
keypress: function(e) {if( e.keyCode == 13 ) fnRunCommand('backColor', $(this).val())}
});
var _fontbgcontainer=$('<div/>',{
"class" : 'ui-wysiwyg-dropdown ui-wysiwyg-fontbgcdropdown ui-widget ui-widget-content ui-corner-all',
style: ' margin: 0px'
}).append(_colorinput).append(_fontmenu).appendTo(_container);
} else if(v == 'forecolor'){
var _fontlink=$("<a/>",{
href : "#",
title: _options.title,
style: _options.style,
text : _options.text,
"class" : 'ui-wysiwyg-dd-fntclbtn ui-wysiwyg-btn ui-wysiwyg-btn-'+v,
click : function(){
if ( $(_wrapper).find('.ui-wysiwyg-fontcldropdown').is(":visible") ) {
$(_wrapper).find('.ui-wysiwyg-fontcldropdown').hide();
} else {
var _pos=$(this).offset();
_pos.top=_pos.top-129;
$(_wrapper).find('.ui-wysiwyg-fontcldropdown').show().offset(_pos);
}
return false;
}
}).button(_options.icon).appendTo(_buttonwrap);
var _fontmenu=$('<ul/>').html('');
$.each(settings.colors,function(i,v){
$('<li/>', {click: function(){$(_wrapper).find('.ui-wysiwyg-dd-fntclbtn span').css('background-color', v);fnRunCommand('forecolor', v);return false}}).html('<a href="#" style="background:'+v+'" class="ui-wysiwyg-swatch" title="'+v+'"></a>').appendTo(_fontmenu);
});
var _colorinput=$('<input>',{
type: 'text',
"class": 'ui-wysiwyg-colorinput',
keypress: function(e) {if( e.keyCode == 13 ) fnRunCommand('forecolor', $(this).val())}
});
$('<div/>',{
"class" : 'ui-wysiwyg-dropdown ui-wysiwyg-fontcldropdown ui-widget ui-widget-content ui-corner-all',
style: ' margin: 0px'
}).append(_colorinput).append(_fontmenu).appendTo(_container);
} else if(v == 'fontSize'){
var _fontlink=$("<a/>",{
href : "#",
title: _options.title,
style: _options.style,
text : _options.text,
"class" : 'ui-wysiwyg-dd-fntszbtn ui-wysiwyg-btn ui-wysiwyg-btn-'+v,
click : function(){
if ( $(_wrapper).find('.ui-wysiwyg-fontszdropdown').is(":visible") ) {
$(_wrapper).find('.ui-wysiwyg-fontszdropdown').hide();
} else {
var _pos=$(this).offset();
_pos.top=_pos.top-66;
_pos.left=_pos.left-24;
$(_wrapper).find('.ui-wysiwyg-fontszdropdown').show().offset(_pos);
}
return false;
}
}).button(_options.icon).appendTo(_buttonwrap);
var _fontsize = ['1','2','3','4','5','6','7'];
var _fontmenu=$('<table/>').html('');
$.each(_fontsize,function(i,v){
$('<td/>', {click: function(){$(_wrapper).find('.ui-wysiwyg-dd-fntszbtn span').text(v);fnRunCommand('fontSize', v);return false}}).html('<a href="#"><font size="'+v+'">'+v+'</font></a>').appendTo(_fontmenu);
});
$('<div/>',{
"class" : 'ui-wysiwyg-dropdown ui-wysiwyg-fontszdropdown ui-widget ui-widget-content ui-corner-all',
style: ' margin: 0px'
}).append(_fontmenu).appendTo(_container);
} else if(v == 'fonts'){
var _fontlink=$("<a/>",{
href : "#",
title: _options.title,
style: _options.style,
text : _options.text,
"class" : 'ui-wysiwyg-dd-fntbtn ui-wysiwyg-btn ui-wysiwyg-btn-'+v,
click : function(){
if ( $(_wrapper).find('.ui-wysiwyg-fontdropdown').is(":visible") ) {
$(_wrapper).find('.ui-wysiwyg-fontdropdown').hide();
} else {
var _pos=$(this).offset();
_pos.top=_pos.top-121;
$(_wrapper).find('.ui-wysiwyg-fontdropdown').show().offset(_pos);
}
return false;
}
}).button(_options.icon).appendTo(_buttonwrap);
var _fontmenu=$('<ul/>').html('');
$.each(settings.fonts,function(i,v){
$('<li/>', {click: function(){
if(v.length > 5){
var _fontface=v.substr(0, 5)+'..';
} else var _fontface=v;
$(_wrapper).find('.ui-wysiwyg-dd-fntbtn span').text(_fontface);
fnRunCommand('FontName', v);
return false
}}).html('<a href="#"><font face="'+v+'">'+v+'</font></a>').appendTo(_fontmenu);
});
$('<div/>',{
"class" : 'ui-wysiwyg-dropdown ui-wysiwyg-fontdropdown ui-widget ui-widget-content ui-corner-all',
style: ' margin: 0px'
}).append(_fontmenu).appendTo(_container);
} else if(v == 'heading'){
var _headmenu=$("<a/>",{
href : "#",
title: _options.title,
style: _options.style,
text : _options.text,
"class" : 'ui-wysiwyg-dd-btn ui-wysiwyg-btn ui-wysiwyg-btn-'+v,
click : function(){
if ( $(_wrapper).find('.ui-wysiwyg-hddropdown').is(":visible") ) {
$(_wrapper).find('.ui-wysiwyg-hddropdown').hide();
} else {
var _pos=$(this).offset();
_pos.top=_pos.top-154;
$(_wrapper).find('.ui-wysiwyg-hddropdown').show().offset(_pos);
}
return false;
}
}).button(_options.icon).appendTo(_buttonwrap);
var _headermenu=$('<ul/>').html('');
//TO-DO: make from array
$('<li/>', {click: function(){$(_wrapper).find('.ui-wysiwyg-dd-btn span').text(lang.paragraph);fnRunCommand('formatBlock', '<p>'); return false}}).html('<a href="#">'+lang.paragraph+'</a>').appendTo(_headermenu);
$('<li/>', {click: function(){$(_wrapper).find('.ui-wysiwyg-dd-btn span').text(lang.address);fnRunCommand('formatBlock', '<address>'); return false}}).html('<a href="#"><address>'+lang.address+'</address></a>').appendTo(_headermenu);
$('<li/>', {click: function(){$(_wrapper).find('.ui-wysiwyg-dd-btn span').text(lang.heading+' 1');fnRunCommand('formatBlock', '<h1>'); return false}}).html('<a href="#"><h1>'+lang.heading+' 1</h1></a>').appendTo(_headermenu);
$('<li/>', {click: function(){$(_wrapper).find('.ui-wysiwyg-dd-btn span').text(lang.heading+' 2');fnRunCommand('formatBlock', '<h2>'); return false}}).html('<a href="#"><h2>'+lang.heading+' 2</h2></a>').appendTo(_headermenu);
$('<li/>', {click: function(){$(_wrapper).find('.ui-wysiwyg-dd-btn span').text(lang.heading+' 3');fnRunCommand('formatBlock', '<h3>'); return false}}).html('<a href="#"><h3>'+lang.heading+' 3</h3></a>').appendTo(_headermenu);
$('<li/>', {click: function(){$(_wrapper).find('.ui-wysiwyg-dd-btn span').text(lang.heading+' 4');fnRunCommand('formatBlock', '<h4>'); return false}}).html('<a href="#"><h4>'+lang.heading+' 4</h4></a>').appendTo(_headermenu);
$('<li/>', {click: function(){$(_wrapper).find('.ui-wysiwyg-dd-btn span').text(lang.heading+' 5');fnRunCommand('formatBlock', '<h5>'); return false}}).html('<a href="#"><h5>'+lang.heading+' 5</h5></a>').appendTo(_headermenu);
$('<li/>', {click: function(){$(_wrapper).find('.ui-wysiwyg-dd-btn span').text(lang.heading+' 6');fnRunCommand('formatBlock', '<h6>'); return false}}).html('<a href="#"><h6>'+lang.heading+' 6</h6></a>').appendTo(_headermenu);
$('<div/>',{
"class" : 'ui-wysiwyg-dropdown ui-wysiwyg-hddropdown ui-widget ui-widget-content ui-corner-all',
style: 'font-size: 60%; margin: 0px'
}).append(_headermenu).prependTo(_container);
} else {
$("<a/>",{
href : "#",
title: _options.title,
style: _options.style,
html : _options.text,
"class" : 'ui-wysiwyg-btn ui-wysiwyg-btn-'+v+' ui-wysiwyg-btn-'+_options.tag+' '+_options.className,
data : {
commandName : v,
"class" : _options.className
},
click : fnExecCommand
}).button(_options.icon).appendTo(_buttonwrap);
}
});
_buttonwrap.buttonset().appendTo(_button_panel);
// add a clear fix to clean up floating items
_button_panel.append($('<div/>', { "class": 'ui-helper-clearfix'}));
// fix lack of height from menu so items below show properly after the editor
//$('<div/>').height(wysiwyg_menu.height()).insertAfter(_container);
// hide any drop down when clicked
$(document).bind('click', function (e){fnHideDropDowns(e)});
$('.ui-wysiwyg-btn').bind('click', function (e){fnHideDropDowns(e)});
function fnHideDropDowns(e){
if(!$(e.target).parents().hasClass('ui-wysiwyg-dropdown')){
if (!$(e.target).parents().hasClass('ui-wysiwyg-dd-btn'))$('.ui-wysiwyg-hddropdown').hide();
if (!$(e.target).parents().hasClass('ui-wysiwyg-dd-fntbtn'))$('.ui-wysiwyg-fontdropdown').hide();
if (!$(e.target).parents().hasClass('ui-wysiwyg-dd-fntszbtn'))$('.ui-wysiwyg-fontszdropdown').hide();
if (!$(e.target).parents().hasClass('ui-wysiwyg-dd-fntclbtn'))$('.ui-wysiwyg-fontcldropdown').hide();
if (!$(e.target).parents().hasClass('ui-wysiwyg-dd-fntbgcbtn'))$('.ui-wysiwyg-fontbgcdropdown').hide();
}
}
// disable css modes
function fnDisableCSS(){
var contentWindow = editor.contentWindow;
try {
contentWindow.document.execCommand("styleWithCSS", 0, false);
} catch (e) {
try {
contentWindow.document.execCommand("useCSS", 0, true);
} catch (e) {
try {
contentWindow.document.execCommand('styleWithCSS', false, false);
}
catch (e) {
}
}
}
}
// set button states if the editor has the tag
function fnSetButtons(event){
// reset dropdowns
//TO-DO: make from array or find optimzation
$(_wrapper).find('.ui-wysiwyg-dd-fntbtn span').text(lang.font);
$(_wrapper).find('.ui-wysiwyg-dd-fntszbtn span').text(lang.fontsize);
$(_wrapper).find('.ui-wysiwyg-dd-btn span').text(lang.paragraph);
$(_wrapper).find('.ui-wysiwyg-dd-fntclbtn').button({icons: { secondary: "ui-icon-triangle-1-s"}});
$(_wrapper).find('.ui-wysiwyg-dd-fntbgcbtn').button({icons: { secondary: "ui-icon-triangle-1-s"}});
$(_wrapper).find('.ui-wysiwyg-fontcldropdown .ui-wysiwyg-colorinput').val('');
$(_wrapper).find('.ui-wysiwyg-fontbgcdropdown .ui-wysiwyg-colorinput').val('');
// loop over buttons and set their status
$.each(settings.buttons,function(i,v){ $(_wrapper).find('.ui-wysiwyg-btn-'+v).removeClass('ui-state-hover ui-state-focus'); });
var elm=event.target ? event.target : event.srcElement;
do {
var _tag=elm.tagName.toUpperCase();
if(_tag == 'BODY' || _tag == 'HTML') break;
//console.log(_tag);
// some conversions
if(_tag == 'STRONG') _tag = 'B';
// set the heading drop down
switch(_tag){
case 'ADDRESS':
$(_wrapper).find('.ui-wysiwyg-dd-btn span').text(lang.address);
break;
case 'H1':
$(_wrapper).find('.ui-wysiwyg-dd-btn span').text(lang.heading+' 1');
break;
case 'H2':
$(_wrapper).find('.ui-wysiwyg-dd-btn span').text(lang.heading+' 2');
break;
case 'H3':
$(_wrapper).find('.ui-wysiwyg-dd-btn span').text(lang.heading+' 3');
break;
case 'H4':
$(_wrapper).find('.ui-wysiwyg-dd-btn span').text(lang.heading+' 4');
break;
case 'H5':
$(_wrapper).find('.ui-wysiwyg-dd-btn span').text(lang.heading+' 5');
break;
case 'H6':
$(_wrapper).find('.ui-wysiwyg-dd-btn span').text(lang.heading+' 6');
break;
}
// set the font drop downs
if(_tag == 'FONT'){
if(elm.face){
if(elm.face.length > 5){
var _fontface=elm.face.substr(0, 5)+'..';
} else var _fontface=elm.face;
$(_wrapper).find('.ui-wysiwyg-dd-fntbtn span').text(_fontface);
}
if(elm.size) $(_wrapper).find('.ui-wysiwyg-dd-fntszbtn span').text(elm.size);
if(elm.color){
$(_wrapper).find('.ui-wysiwyg-dd-fntclbtn span').css('background-color', elm.color);
$(_wrapper).find('.ui-wysiwyg-fontcldropdown .ui-wysiwyg-colorinput').val(elm.color);
}
}
// set background color
try{
if($(elm).css('background-color')){
if($(elm).css('backgroundColor') != 'transparent'){
$(_wrapper).find('.ui-wysiwyg-dd-fntbgcbtn span').css('background-color', $(elm).css('backgroundColor'));
$(_wrapper).find('.ui-wysiwyg-fontbgcdropdown .ui-wysiwyg-colorinput').val($(elm).css('backgroundColor'));
}
}
} catch (e){
// opera bug
}
// set the justify items
if($(elm).css('text-align')){
var _align=$(elm).css('text-align');
switch(_align){
case 'right':
$(_wrapper).find('.ui-wysiwyg-btn-justifyRight').addClass('ui-state-hover ui-state-focus');
break;
case 'left':
$(_wrapper).find('.ui-wysiwyg-btn-justifyLeft').addClass('ui-state-hover ui-state-focus');
break;
case 'center':
$(_wrapper).find('.ui-wysiwyg-btn-justifyCenter').addClass('ui-state-hover ui-state-focus');
break;
case 'justify':
$(_wrapper).find('.ui-wysiwyg-btn-justifyFull').addClass('ui-state-hover ui-state-focus');
break;
}
}
if( $(_wrapper).find('.ui-wysiwyg-btn-'+_tag))$(_wrapper).find('.ui-wysiwyg-btn-'+_tag).addClass('ui-state-hover ui-state-focus');
} while ((elm = elm.parentNode));
}
// button settings
function fnGetButton(type){
var _result = new Object;
_result.style=null;
_result.className=null;
_result.title=null;
_result.icon=null;
switch(type){
case 'html':
_result.title=lang.html;
_result.text='‹/›';
_result.className='';
_result.icon=null;
_result.tag='';
break;
case 'backColor':
_result.title=lang.bgcolor;
_result.text='BG';
_result.className='';
_result.icon={icons: {secondary: "ui-icon-triangle-1-s"}};
_result.tag='FONT';
break;
case 'forecolor':
_result.title=lang.fontcolor;
_result.text='A';
_result.style='text-decoration: underline';
_result.className='';
_result.icon={icons: { secondary: "ui-icon-triangle-1-s"}};
_result.tag='FONT';
break;
case 'fontSize':
_result.title=lang.fontsize;
_result.text=lang.fontsize;
_result.className='';
_result.icon={icons: { secondary: "ui-icon-triangle-1-s"}};
_result.tag='FONT';
break;
case 'fonts':
_result.title=lang.font;
_result.text=lang.font;
_result.className='';
_result.icon={icons: { secondary: "ui-icon-triangle-1-s"}};
_result.tag='FONT';
break;
case 'heading':
_result.title=lang.heading;
_result.text=lang.paragraph;
_result.className='';
_result.icon={icons: { secondary: "ui-icon-triangle-1-s"}};
_result.tag='H';
break;
case 'createlink':
_result.text=lang.link;
_result.className='';
_result.icon={icons: { primary: "ui-icon-link"}, text: false};
_result.tag='';
break;
case 'unlink':
_result.text=lang.removelink;
_result.className='';
_result.icon={icons: { primary: "ui-icon-cancel"}, text: false};
_result.tag='A';
break;
case 'italic':
_result.title=lang.italic;
_result.text='I';
_result.style='font-style: italic';
_result.className='';
_result.icon=null;
_result.tag='I';
break;
case 'bold':
_result.title=lang.bold;
_result.text='B';
_result.style='font-weight: bold';
_result.className='';
_result.icon=null;
_result.tag='B';
break;
case 'underline':
_result.title=lang.underline;
_result.text='U';
_result.style='text-decoration: underline';
_result.className='';
_result.icon=null;
_result.tag='U';
break;
case 'strikeThrough':
_result.title=lang.strike;
_result.text='ABC';
_result.style='text-decoration: line-through';
_result.className='';
_result.icon=null;
_result.tag='STRIKE';
break;
case 'insertHorizontalRule':
_result.text=lang.hr;
_result.className='';
_result.icon={icons: { primary: "ui-icon-minusthick"}, text: false};
_result.tag='HR';
break;
case 'insertOrderedList':
_result.title=lang.ol;
_result.text='<div class="ui-wysiwyg-list-wrap">1 ---<br>2 ---<br>3 ---</div>';
_result.className='ui-wysiwyg-list';
_result.icon=null;
_result.tag='OL';
break;
case 'insertUnorderedList':
_result.title=lang.ul;
_result.text='<div class="ui-wysiwyg-list-wrap">• ---<br>• ---<br>• ---</div>';
_result.className='ui-wysiwyg-list';
_result.icon=null;
_result.tag='UL';
break;
case 'justifyCenter':
_result.text='<div class="ui-wysiwyg-justify-wrap ui-wysiwyg-justify-center">__<br>_<br>__<br>_<br>__<br>_<br>__<br><br></div>';
_result.title=lang.center;
_result.className='ui-wysiwyg-justify';
_result.icon=null;
_result.style='';
_result.tag='CENTER';
break;
case 'justifyLeft':
_result.text='<div class="ui-wysiwyg-justify-wrap">__<br>_<br>__<br>_<br>__<br>_<br>__<br><br></div>';
_result.title=lang.left;
_result.className='ui-wysiwyg-justify';
_result.icon=null;
_result.tag='';
break;
case 'justifyFull':
_result.text='<div class="ui-wysiwyg-justify-wrap">__<br>__<br>__<br>__<br>__<br>__<br>__<br><br></div>';
_result.title=lang.full;
_result.className='ui-wysiwyg-justify';
_result.icon=null;
_result.tag='';
break;
case 'justifyRight':
_result.text='<div class="ui-wysiwyg-justify-wrap ui-wysiwyg-justify-right">__<br>_<br>__<br>_<br>__<br>_<br>__<br><br></div>';
_result.title=lang.right;
_result.className='ui-wysiwyg-justify';
_result.icon=null;
_result.tag='';
break;
case 'indent':
_result.text=lang.indent;
_result.className='ui-wysiwyg-dent';
_result.icon={icons: { primary: "ui-icon-arrowthickstop-1-e"}, text: false};
_result.tag='BLOCKQUOTE';
break;
case 'outdent':
_result.text=lang.outdent;
_result.className='ui-wysiwyg-dent';
_result.icon={icons: { primary: "ui-icon-arrowthickstop-1-w"}, text: false};
_result.tag='';
break;
case 'superscript':
_result.text='x<sup>2</sup>';
_result.title=lang.superscript;
_result.className='ui-wysiwyg-script';
_result.icon=null;
_result.tag='SUP';
break;
case 'subscript':
_result.text='x<sub>2</sub>';
_result.title=lang.subscript;
_result.className='ui-wysiwyg-script';
_result.icon=null;
_result.tag='SUB';
break;
case 'insertImage':
_result.text=lang.insertimage;
_result.className='';
_result.icon={icons: { primary: "ui-icon-image"}, text: false};
_result.tag='IMG';
break;
case 'removeFormat':
_result.text=lang.rm;
_result.className='';
_result.icon={icons: { primary: "ui-icon-pencil"}, text: false};
_result.tag='';
break;
default:
_result.text=type;
_result.className='';
_result.icon=null;
_result.tag=null;
}
return _result;
}
// button dialogs (links/images)
function fnRunDialog(type){
switch(type){
case 'createlink':
$('<div/>', {'title': lang.inserturl}).dialog({
autoOpen: true,
modal: true,
buttons: {
"Ok": function() {
fnRunCommand(type, $(this).find('input').val());
$(this).dialog("close");
return false;
},
"Cancel": function() {
$(this).dialog("close");
}
},
open: function() {
var $this = $(this);
$this.parent().find('.ui-dialog-buttonpane button:first').focus();
$this.keypress(function(e) {
if( e.keyCode == 13 ) {
$this.parent().find('.ui-dialog-buttonpane button:first').click();
return false;
}
});
}
}).html('<input type="text" value="http://"/>');
break;
case 'insertImage':
$('<div/>', {'title': lang.insertimage}).dialog({
autoOpen: true,
modal: true,
buttons: {
"Ok": function() {
fnRunCommand(type, $(this).find('input').val());
$(this).dialog("close");
return false;
},
"Cancel": function() {
$(this).dialog("close");
}
},
open: function() {
var $this = $(this);
$this.parent().find('.ui-dialog-buttonpane button:first').focus();
$this.keypress(function(e) {
if( e.keyCode == 13 ) {
$this.parent().find('.ui-dialog-buttonpane button:first').click();
return false;
}
});
}
}).html('<input type="text" value="http://"/>');
break;
}
}
// execute a execCommand
function fnRunCommand(cmd, val){
// if command is ran lets hide the menus
$('.ui-wysiwyg-dropdown').hide();
var contentWindow = editor.contentWindow;
contentWindow.focus();
contentWindow.document.execCommand(cmd, false, val);
contentWindow.focus();
fnSyncContents();
return false;
}
// execute a command, either run dialog or run command
function fnExecCommand (e) {
var _ignore=['createlink', 'unlink', 'insertImage', 'removeFormat', 'html'];
if($(this).data('class')) $(_wrapper).find('.'+$(this).data('class')).removeClass('ui-state-active ui-state-focus');
if(jQuery.inArray($(this).data('commandName'), _ignore) == -1) $(this).toggleClass('ui-state-active ui-state-focus');
switch($(this).data('commandName')){
case 'html':
$('#'+_id+'-editor').toggle();
$(_wrapper).find('.ui-wysiwyg-html').toggle();
$(_wrapper).find('.ui-wysiwyg-btn').toggle();
$(_wrapper).find('.ui-wysiwyg-btn-html').show();
fnSyncContentsFromHTML();
break;
case 'createlink':
return fnRunDialog($(this).data('commandName'));
break;
case 'insertImage':
return fnRunDialog($(this).data('commandName'));
break;
default:
return fnRunCommand($(this).data('commandName'), '');
}
}
function fnSyncContents(){
var _code=$(_wrapper).find('.ui-wysiwyg-content').contents().find('body').html();
$('#'+_id).val(_code);
$(_wrapper).find('.ui-wysiwyg-html').val(_code);
}
function fnSyncContentsFromHTML(){
var _code=$(_wrapper).find('.ui-wysiwyg-html').val();
$(_wrapper).find('.ui-wysiwyg-content').contents().find('body').html(_code);
$('#'+_id).val(_code);
}
$.cssHooks.backgroundColor = {
get: function(elem) {
if (elem.currentStyle)
var bg = elem.currentStyle["background-color"];
else if (window.getComputedStyle)
var bg = document.defaultView.getComputedStyle(elem,
null).getPropertyValue("background-color");
if (bg.search("rgb") == -1)
return bg;
else {
bg = bg.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
function hex(x) {
return ("0" + parseInt(x).toString(16)).slice(-2);
}
if(!bg) return false;
return "#" + hex(bg[1]) + hex(bg[2]) + hex(bg[3]);
}
}
}
});
};
})( jQuery );