/**
* WYSIWYG - jQuery plugin 0.93
* (koken)
*
* Copyright (c) 2008-2009 Juan M Martinez, 2010 Akzhan Abdulin and all contrbutors
* http://plugins.jquery.com/project/jWYSIWYG
*
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*
* $Id: $
*/
/*jslint browser: true, forin: true */
(function ($)
{
/**
* @constructor
* @private
*/
var Wysiwyg = function (element, options)
{
this.init(element, options);
};
var innerDocument = function (elts)
{
var element = $(elts).get(0);
if (element.nodeName.toLowerCase() == 'iframe')
{
return element.contentWindow.document;
/*
return ( $.browser.msie )
? document.frames[element.id].document
: element.contentWindow.document // contentDocument;
*/
}
return element;
};
var documentSelection = function ()
{
var element = this.get(0);
if (element.contentWindow.document.selection)
{
return element.contentWindow.document.selection.createRange().text;
}
else
{
return element.contentWindow.getSelection().toString();
}
};
$.fn.wysiwyg = function (options)
{
if (arguments.length > 0 && arguments[0].constructor == String)
{
var action = arguments[0].toString();
var params = [];
if (action == 'enabled')
{
return this.data('wysiwyg') !== null;
}
for (var i = 1; i < arguments.length; i++)
{
params[i - 1] = arguments[i];
}
var retValue = null;
this.each(function()
{
$.data(this, 'wysiwyg').designMode();
retValue = Wysiwyg[action].apply(this, params);
});
return retValue;
}
if (this.data('wysiwyg'))
{
return this;
}
var controls = { };
/**
* If the user set custom controls, we catch it, and merge with the
* defaults controls later.
*/
if (options && options.controls)
{
controls = options.controls;
delete options.controls;
}
options = $.extend({}, $.fn.wysiwyg.defaults, options);
options.controls = $.extend(true, options.controls, $.fn.wysiwyg.controls);
for (var control in controls)
{
if (control in options.controls)
{
$.extend(options.controls[control], controls[control]);
}
else
{
options.controls[control] = controls[control];
}
}
// not break the chain
return this.each(function ()
{
new Wysiwyg(this, options);
});
};
$.fn.wysiwyg.defaults = {
html: '' : 'h1',
tags: ['h1'],
tooltip: 'Header 1'
},
h2: {
visible: true,
className: 'h2',
command: ($.browser.msie || $.browser.safari) ? 'FormatBlock' : 'heading',
'arguments': ($.browser.msie || $.browser.safari) ? '' : 'h2',
tags: ['h2'],
tooltip: 'Header 2'
},
h3: {
visible: true,
className: 'h3',
command: ($.browser.msie || $.browser.safari) ? 'FormatBlock' : 'heading',
'arguments': ($.browser.msie || $.browser.safari) ? '' : 'h3',
tags: ['h3'],
tooltip: 'Header 3'
},
cut: {
groupIndex: 8,
visible: false,
tooltip: 'Cut'
},
copy: {
visible: false,
tooltip: 'Copy'
},
paste: {
visible: false,
tooltip: 'Paste'
},
increaseFontSize: {
groupIndex: 9,
visible: false && !($.browser.msie),
tags: ['big'],
tooltip: 'Increase font size'
},
decreaseFontSize: {
visible: false && !($.browser.msie),
tags: ['small'],
tooltip: 'Decrease font size'
},
removeFormat: {
visible: true,
exec: function ()
{
if ($.browser.msie)
{
this.focus();
}
this.editorDoc.execCommand('formatBlock', false, ' '); // remove headings
this.editorDoc.execCommand('removeFormat', false, null);
this.editorDoc.execCommand('unlink', false, null);
},
tooltip: 'Remove formatting'
},
html: {
groupIndex: 10,
visible: false,
exec: function ()
{
if (this.viewHTML)
{
this.setContent($(this.original).val());
$(this.original).hide();
$(this.editor).show();
}
else
{
var $ed = $(this.editor);
this.saveContent();
$(this.original).css({
width: $(this.element).outerWidth() - 6,
height: $(this.element).height() - $(this.panel).height() - 6,
resize: 'none'
}).show();
$ed.hide();
}
this.viewHTML = !(this.viewHTML);
},
tooltip: 'View source code'
},
rtl: {
visible : false,
exec : function()
{
var selection = $(this.editor).documentSelection();
if ($("
").append(selection).children().length > 0)
{
selection = $(selection).attr("dir", "rtl");
}
else
{
selection = $("
").attr("dir", "rtl").append(selection);
}
this.editorDoc.execCommand('inserthtml', false, $("
").append(selection).html());
},
tooltip : "Right to Left"
},
ltr: {
visible : false,
exec : function()
{
var selection = $(this.editor).documentSelection();
if ($("
").append(selection).children().length > 0)
{
selection = $(selection).attr("dir", "ltr");
}
else
{
selection = $("
").attr("dir", "ltr").append(selection);
}
this.editorDoc.execCommand('inserthtml', false, $("
").append(selection).html());
},
tooltip : "Left to Right"
}
};
$.extend(Wysiwyg, {
insertImage: function (szURL, attributes)
{
var self = $.data(this, 'wysiwyg');
if (self.constructor == Wysiwyg && szURL && szURL.length > 0)
{
if ($.browser.msie)
{
self.focus();
}
if (attributes)
{
self.editorDoc.execCommand('insertImage', false, '#jwysiwyg#');
var img = self.getElementByAttributeValue('img', 'src', '#jwysiwyg#');
if (img)
{
img.src = szURL;
for (var attribute in attributes)
{
img.setAttribute(attribute, attributes[attribute]);
}
}
}
else
{
self.editorDoc.execCommand('insertImage', false, szURL);
}
}
return this;
},
createLink: function (szURL)
{
var self = $.data(this, 'wysiwyg');
if (self.constructor == Wysiwyg && szURL && szURL.length > 0)
{
var selection = documentSelection.call($(self.editor));
if (selection && selection.length > 0)
{
if ($.browser.msie)
{
self.focus();
}
self.editorDoc.execCommand('unlink', false, null);
self.editorDoc.execCommand('createLink', false, szURL);
}
else if (self.options.messages.nonSelection)
{
alert(self.options.messages.nonSelection);
}
}
return this;
},
insertHtml: function (szHTML)
{
var self = $.data(this, 'wysiwyg');
self.insertHtml(szHTML);
return this;
},
insertTable: function(colCount, rowCount, filler)
{
$.data(this, 'wysiwyg').insertTable(colCount, rowCount, filler);
return this;
},
getContent: function()
{
var self = $.data(this, 'wysiwyg');
return self.getContent();
},
setContent: function (newContent)
{
var self = $.data(this, 'wysiwyg');
self.setContent(newContent);
self.saveContent();
return this;
},
clear: function ()
{
var self = $.data(this, 'wysiwyg');
self.setContent('');
self.saveContent();
return this;
},
removeFormat: function ()
{
var self = $.data(this, 'wysiwyg');
self.removeFormat();
return this;
},
save: function ()
{
var self = $.data(this, 'wysiwyg');
self.saveContent();
return this;
},
"document": function()
{
var self = $.data(this, 'wysiwyg');
return $(self.editorDoc);
},
destroy: function ()
{
var self = $.data(this, 'wysiwyg');
self.destroy();
return this;
}
});
var addHoverClass = function()
{
$(this).addClass('wysiwyg-button-hover');
};
var removeHoverClass = function()
{
$(this).removeClass('wysiwyg-button-hover');
};
$.extend(Wysiwyg.prototype, {
original: null,
options: {
},
element: null,
editor: null,
removeFormat: function ()
{
if ($.browser.msie)
{
this.focus();
}
this.editorDoc.execCommand('removeFormat', false, null);
this.editorDoc.execCommand('unlink', false, null);
return this;
},
destroy: function ()
{
// Remove bindings
var $form = $(this.element).closest('form');
$form.unbind('submit', this.autoSaveFunction)
.unbind('reset', this.resetFunction);
$(this.element).remove();
$.removeData(this.original, 'wysiwyg');
$(this.original).show();
return this;
},
focus: function ()
{
this.editor.get(0).contentWindow.focus();
return this;
},
init: function (element, options)
{
var self = this;
this.editor = element;
this.options = options || {
};
$.data(element, 'wysiwyg', this);
var newX = element.width || element.clientWidth || 0;
var newY = element.height || element.clientHeight || 0;
if (element.nodeName.toLowerCase() == 'textarea')
{
this.original = element;
if (newX === 0 && element.cols)
{
newX = (element.cols * 8) + 21;
element.cols = 1; // EDIT http://github.com/akzhan/jwysiwyg/issuesearch?state=open&q=IE#issue/30 ### element.cols = 0;
}
if (newY === 0 && element.rows)
{
newY = (element.rows * 16) + 16;
element.rows = 1; // EDIT http://github.com/akzhan/jwysiwyg/issuesearch?state=open&q=IE#issue/30 ### element.cols = 0;
}
this.editor = $(location.protocol == 'https:' ? '' : '').attr('frameborder', '0');
if (options.iFrameClass)
{
this.editor.addClass(iFrameClass);
}
else
{
this.editor.css({
minHeight: (newY - 6).toString() + 'px',
width: (newX - 8).toString() + 'px'
});
if ($.browser.msie)
{
this.editor.css('height', newY.toString() + 'px');
}
}
/**
* http://code.google.com/p/jwysiwyg/issues/detail?id=96
*/
this.editor.attr('tabindex', $(element).attr('tabindex'));
}
var panel = this.panel = $('');
this.appendControls();
this.element = $('
').addClass('wysiwyg').append(panel).append($('
').css({
clear: 'both'
})).append(this.editor);
if (!options.iFrameClass)
{
this.element.css({
width: (newX > 0) ? newX.toString() + 'px' : '100%'
});
}
$(element).hide().before(this.element);
this.viewHTML = false;
this.initialHeight = newY - 8;
/**
* @link http://code.google.com/p/jwysiwyg/issues/detail?id=52
*/
this.initialContent = $(element).val();
this.initFrame();
this.autoSaveFunction = function ()
{
self.saveContent();
};
this.resetFunction = function()
{
self.setContent(self.initialContent);
self.saveContent();
}
if(this.options.resizeOptions && $.fn.resizable)
{
this.element.resizable($.extend(true, {
alsoResize: this.editor
}, this.options.resizeOptions));
}
var $form = $(element).closest('form');
if (this.options.autoSave)
{
$form.submit(self.autoSaveFunction);
}
$form.bind('reset', self.resetFunction);
},
initFrame: function ()
{
var self = this;
var style = '';
/**
* @link http://code.google.com/p/jwysiwyg/issues/detail?id=14
*/
if (this.options.css && this.options.css.constructor == String)
{
style = '' + filler + ' ';
var html = [''];
for (var i = rowCount; i > 0; i--)
{
html.push('');
for (var j = colCount; j > 0; j--)
{
html.push(filler);
}
html.push(' ');
}
html.push('
');
return this.insertHtml(html.join(''));
},
saveContent: function ()
{
if (this.original)
{
var content = this.getContent();
if (this.options.rmUnwantedBr)
{
content = (content.substr(-4) == '' + (className || cmd) + ' ').addClass(className || cmd).attr('title', tooltip).hover(addHoverClass, removeHoverClass).click(function ()
{
if (fn)
{
fn.apply(self);
}
else
{
self.focus();
self.withoutCss();
self.editorDoc.execCommand(cmd, false, args);
}
if (self.options.autoSave)
{
self.saveContent();
}
this.blur();
}).appendTo(this.panel);
},
appendMenuSeparator: function ()
{
return $('