', tags : ['h2'] },
h3 : { visible : true && !( $.browser.mozilla ), className : 'h3', command : 'formatBlock', arguments : '', tags : ['h3'] },
separator07 : { visible : false, separator : true },
cut : { visible : false },
copy : { visible : false },
paste : { visible : false },
separator08 : { separator : true && !( $.browser.msie ) },
setFontSize : {
visible : true,
exec : function(size)
{
this.editorDoc.execCommand('FontSize', false, size);
this.saveContent();
},
init : function(self, item, exec) {
item.find("a").append(
''
).find("a").click( function() {
exec.apply(self, [$(this).attr("size")] );
//alert( $(this).attr("size") );
});
item.mouseover( function() {
item.find(".fontSizeSelector").show();
}).mouseout( function() {
item.find(".fontSizeSelector").hide();
});
}
},
setFontColor : {
visible : true,
exec : function(color)
{
this.editorDoc.execCommand('ForeColor', false, color);
this.saveContent();
},
init : function(self, item, exec) {
var colors = [
'#ffffff','#d0d0d0','#777777','#000000', // monochromes
'#ffaaaa','#ff00ff', '#ff0000','#aa0000','#9000ff', // reds
'#ff6c00', '#ffff00', '#ffbb00', '#f0e68c','#d2b229', // browns/oranges/yellows
'#aaffaa','#00ff00','#00aa00','#6b8e23','#007700', // greens
'#bbddff','#00ffdd', '#aaaaff','#0000ff','#0000aa' // blues
];
var colorsHtml = "";
for (var cIdx = 0; cIdx';
}
item.find("a").append(
''+colorsHtml+''
).find("a").click( function() {
exec.apply(self, [$(this).attr("color")] );
});
item.mouseover( function() {
item.find(".fontColorSelector").show();
}).mouseout( function() {
item.find(".fontColorSelector").hide();
});
}
},
separator09 : { separator : true },
html : {
visible : false,
exec : function()
{
if ( this.viewHTML )
{
this.setContent( $(this.original).val() );
$(this.original).hide();
}
else
{
this.saveContent();
$(this.original).show();
}
this.viewHTML = !( this.viewHTML );
}
},
removeFormat : {
visible : true,
exec : function()
{
if ($.browser.mozilla) {
this.editorDoc.execCommand('heading', false, ['p']);
} else {
this.editorDoc.execCommand('formatBlock', false, '');
}
this.editorDoc.execCommand('removeFormat', false, []);
this.editorDoc.execCommand('unlink', false, []);
this.saveContent();
}
}
}
});
$.extend(Wysiwyg.prototype,
{
original : null,
options : {},
element : null,
editor : null,
init : function( element, options )
{
var self = this;
this.editor = element;
this.options = options || {};
$.data(element, 'wysiwyg', this);
var newX = element.width || element.clientWidth;
var newY = element.height || element.clientHeight;
if ( element.nodeName.toLowerCase() == 'textarea' )
{
this.original = element;
if ( newX == 0 && element.cols )
newX = ( element.cols * 8 ) + 21;
if ( newY == 0 && element.rows )
newY = ( element.rows * 16 ) + 16;
var editor = this.editor = $('').css({
minHeight : ( newY - 6 ).toString() + 'px',
width : ( newX - 8 ).toString() + 'px'
}).attr('id', $(element).attr('id') + 'IFrame');
/**
* http://code.google.com/p/jwysiwyg/issues/detail?id=96
*/
this.editor.attr('tabindex', $(element).attr('tabindex'));
if ( $.browser.msie )
{
this.editor
.css('height', ( newY ).toString() + 'px');
/**
var editor = $('').css({
width : ( newX - 6 ).toString() + 'px',
height : ( newY - 8 ).toString() + 'px'
}).attr('id', $(element).attr('id') + 'IFrame');
editor.outerHTML = this.editor.outerHTML;
*/
}
}
var panel = this.panel = $('
').addClass('panel');
this.appendControls();
var estimatedWidth = ( newX > 0 ) ? ( newX ).toString() + 'px' : '100%';
this.element = $('').css({
width : estimatedWidth
}).addClass('wysiwyg')
.append(panel)
.append( $('').css({ clear : 'both' }) )
.append(editor);
$(element)
// .css('display', 'none')
.hide()
.before(this.element);
if (this.options.resizable)
this.element.resizable( {
alsoResize : 'iframe',
maxWidth : $(this.element).width(),
minHeight: $(this.element).height(),
start : function(event, ui) {
$(this).find('iframe').hide();
$(this).addClass('jwysiwyg-resizing');
},
stop : function(event, ui) {
$(this).find('iframe').show();
$(this).removeClass('jwysiwyg-resizing');
}
} );
this.viewHTML = false;
this.initialHeight = newY - 8;
/**
* @link http://code.google.com/p/jwysiwyg/issues/detail?id=52
*/
// process placeholders
this.initialContent = this.prepareWysiwygContent( $(element).val() );
this.initFrame();
if ( this.initialContent.length == 0 )
this.setContent('');
/**
* http://code.google.com/p/jwysiwyg/issues/detail?id=100
*/
var form = $(element).parents('form:first');
if ( this.options.autoSave )
$(form).submit(function() { self.saveContent(); });
$(form).bind('reset', function()
{
self.setContent( self.initialContent );
self.saveContent();
});
},
prepareWysiwygContent : function(content) {
// flash inserting special code: commented as for now, because it is interfering with script tags
/*
var initialContentDom = $("").html(content);
var flashPlaceholder = this.options.placeholders.flash;
initialContentDom.find('object').each( function() {
var objElem = $(this);
var flashUrl = null;
// 1. try to find 'param'
objElem.find('param').each( function() {
if ($(this).attr("name")=="movie")
flashUrl = $(this).attr("value");
});
// 2. try to find 'embed' tag
if (flashUrl==null)
objElem.find('embed').each( function() {
if ($(this).attr("type")=="application/x-shockwave-flash")
flashUrl = $(this).attr("src");
});
// 3. try to match using regex
if (flashUrl==null) {
var flashHtml = objElem.html();
if (/type=['"]{0,1}application\/x-shockwave-flash/.test(flashHtml) ) {
*/
// var matchedUrl = flashHtml.match(/src=['"][^'"]*/);
/*
if (matchedUrl) {
matchedUrl = matchedUrl.toString().substr(4);
if (/['"]/.test(matchedUrl.substr(0,1)) )
flashUrl = matchedUrl.substr(1);
}
}
}
if (flashUrl!=null) {
var flashWidth = parseInt( objElem.attr("width") ) ? objElem.attr("width") : 100;
var flashHeight = parseInt( objElem.attr("height") ) ? objElem.attr("height") : 100;
objElem.replaceWith('+')
');
}
});
return initialContentDom.html();
*/
content = content.replace(/(.+?)<\/.*?script>/i, "");
return content;
},
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 = '';
this.editorDoc = $(this.editor).document();
this.editorDoc_designMode = false;
try {
this.editorDoc.designMode = 'on';
this.editorDoc_designMode = true;
} catch ( e ) {
// Will fail on Gecko if the editor is placed in an hidden container element
// The design mode will be set ones the editor is focused
$(this.editorDoc).focus(function()
{
self.designMode();
});
}
this.editorDoc.open();
// special handling of $ chars in content
this.editorDoc.write(
this.options.html
.replace(/INITIAL_CONTENT/, this.initialContent.replace(/\$/g,"\\\$"))
.replace(/STYLE_SHEET/, style)
.replace(/\\\$/g, "\$")
);
this.editorDoc.close();
this.editorDoc.contentEditable = 'true';
if ( $.browser.msie )
{
/**
* Remove the horrible border it has on IE.
*/
setTimeout(function() { $(self.editorDoc.body).css('border', 'none'); }, 0);
}
$(this.editorDoc).click(function( event )
{
self.checkTargets( event.target ? event.target : event.srcElement);
});
/**
* @link http://code.google.com/p/jwysiwyg/issues/detail?id=20
*/
$(this.original).focus(function()
{
$(self.editorDoc.body).focus();
});
if ( this.options.autoSave )
{
/**
* @link http://code.google.com/p/jwysiwyg/issues/detail?id=11
*/
$(this.editorDoc).keydown(function() { self.saveContent(); })
.keyup(function() { self.saveContent(); })
.mouseup(function() { self.saveContent(); });
}
if ( this.options.css )
{
setTimeout(function()
{
if ( self.options.css.constructor == String )
{
/**
* $(self.editorDoc)
* .find('head')
* .append(
* $('')
* .attr('href', self.options.css)
* );
*/
}
else
$(self.editorDoc).find('body').css(self.options.css);
}, 0);
}
$(this.editorDoc).keydown(function( event )
{
if ( $.browser.msie && self.options.brIE && event.keyCode == 13 )
{
var rng = self.getRange();
rng.pasteHTML('
');
rng.collapse(false);
rng.select();
return false;
}
if ( $.browser.msie) {
self.lastRange = self.getRange();
}
}).click( function(event) {
if ( $.browser.msie) {
self.lastRange = self.getRange();
}
});
},
designMode : function()
{
if ( !( this.editorDoc_designMode ) )
{
try {
this.editorDoc.designMode = 'on';
this.editorDoc_designMode = true;
} catch ( e ) {}
}
},
getSelection : function()
{
return ( window.getSelection ) ? window.getSelection() : document.selection;
},
getRange : function()
{
var selection = this.getSelection();
if ( !( selection ) )
return null;
return ( selection.rangeCount > 0 ) ? selection.getRangeAt(0) : selection.createRange();
},
getContent : function()
{
return $( $(this.editor).document() ).find('body').html();
},
setContent : function( newContent )
{
$( $(this.editor).document() ).find('body').html( this.prepareWysiwygContent( newContent ) );
},
saveContent : function()
{
if ( this.original )
{
var content = this.getContent();
if (this.prevSavedContent == content)
return; // optimization
this.prevSavedContent = content;
if ( this.options.rmUnwantedBr )
content = ( content.substr(-4) == '
' ) ? content.substr(0, content.length - 4) : content;
/*
// convert flash placeholders to SWF objects
var contentDom = $("=0) {
var flashUrl = unescape( img.attr("src").substr( img.attr("src").indexOf("?")+1) );
var flashWidth = parseInt( img.css("width").replace(/px/,'') ) ? img.css("width").replace(/px/,'') : 100;
var flashHeight = parseInt( img.css("height").replace(/px/,'') ) ? img.css("height").replace(/px/,'') : 100;
if ($.browser.msie) {
if ( parseInt( img.attr("width") ) )
flashWidth = img.attr("width");
if ( parseInt( img.attr("height") ) )
flashHeight = img.attr("height");
}
img.replaceWith(
''
);
}
});
*/
content = content.replace(/\/\*(.+?)\*\/<\/.*?script>/, "");
$(this.original).val( content );
}
},
appendMenu : function( cmd, args, className, fn, fnItemInit )
{
var self = this;
var args = args || [];
var item = $('').append(
$('').addClass(className || cmd)
).mousedown(function() {
if ( fn ) fn.apply(self); else self.editorDoc.execCommand(cmd, false, args);
if ( self.options.autoSave ) self.saveContent();
});
if (fnItemInit)
fnItemInit(self,item,fn);
item.appendTo( this.panel );
},
appendMenuSeparator : function()
{
$('').appendTo( this.panel );
},
appendControls : function()
{
for ( var name in this.options.controls )
{
var control = this.options.controls[name];
if ( control.separator )
{
if ( control.visible !== false )
this.appendMenuSeparator();
}
else if ( control.visible )
{
this.appendMenu(
control.command || name, control.arguments || [],
control.className || control.command || name || 'empty', control.exec, control.init
);
}
}
},
checkTargets : function( element )
{
for ( var name in this.options.controls )
{
var control = this.options.controls[name];
var className = control.className || control.command || name || 'empty';
$('.' + className, this.panel).removeClass('active');
if ( control.tags )
{
var elm = element;
do {
if ( elm.nodeType != 1 )
break;
if ( $.inArray(elm.tagName.toLowerCase(), control.tags) != -1 )
$('.' + className, this.panel).addClass('active');
} while ( elm = elm.parentNode );
}
if ( control.css )
{
var elm = $(element);
do {
if ( elm[0].nodeType != 1 )
break;
for ( var cssProperty in control.css )
if ( elm.css(cssProperty).toString().toLowerCase() == control.css[cssProperty] )
$('.' + className, this.panel).addClass('active');
} while ( elm = elm.parent() );
}
}
},
getElementByAttributeValue : function( tagName, attributeName, attributeValue )
{
var elements = this.editorDoc.getElementsByTagName(tagName);
for ( var i = 0; i < elements.length; i++ )
{
var value = elements[i].getAttribute(attributeName);
if ( $.browser.msie )
{
/** IE add full path, so I check by the last chars. */
value = value.substr(value.length - attributeValue.length);
}
if ( value == attributeValue )
return elements[i];
}
return false;
}
});
})(jQuery);
'+colorsHtml+'
'
).find("a").click( function() {
exec.apply(self, [$(this).attr("color")] );
});
item.mouseover( function() {
item.find(".fontColorSelector").show();
}).mouseout( function() {
item.find(".fontColorSelector").hide();
});
}
},
separator09 : { separator : true },
html : {
visible : false,
exec : function()
{
if ( this.viewHTML )
{
this.setContent( $(this.original).val() );
$(this.original).hide();
}
else
{
this.saveContent();
$(this.original).show();
}
this.viewHTML = !( this.viewHTML );
}
},
removeFormat : {
visible : true,
exec : function()
{
if ($.browser.mozilla) {
this.editorDoc.execCommand('heading', false, ['p']);
} else {
this.editorDoc.execCommand('formatBlock', false, ''); } this.editorDoc.execCommand('removeFormat', false, []); this.editorDoc.execCommand('unlink', false, []); this.saveContent(); } } } }); $.extend(Wysiwyg.prototype, { original : null, options : {}, element : null, editor : null, init : function( element, options ) { var self = this; this.editor = element; this.options = options || {}; $.data(element, 'wysiwyg', this); var newX = element.width || element.clientWidth; var newY = element.height || element.clientHeight; if ( element.nodeName.toLowerCase() == 'textarea' ) { this.original = element; if ( newX == 0 && element.cols ) newX = ( element.cols * 8 ) + 21; if ( newY == 0 && element.rows ) newY = ( element.rows * 16 ) + 16; var editor = this.editor = $('').css({ minHeight : ( newY - 6 ).toString() + 'px', width : ( newX - 8 ).toString() + 'px' }).attr('id', $(element).attr('id') + 'IFrame'); /** * http://code.google.com/p/jwysiwyg/issues/detail?id=96 */ this.editor.attr('tabindex', $(element).attr('tabindex')); if ( $.browser.msie ) { this.editor .css('height', ( newY ).toString() + 'px'); /** var editor = $('').css({ width : ( newX - 6 ).toString() + 'px', height : ( newY - 8 ).toString() + 'px' }).attr('id', $(element).attr('id') + 'IFrame'); editor.outerHTML = this.editor.outerHTML; */ } } var panel = this.panel = $('
'); rng.collapse(false); rng.select(); return false; } if ( $.browser.msie) { self.lastRange = self.getRange(); } }).click( function(event) { if ( $.browser.msie) { self.lastRange = self.getRange(); } }); }, designMode : function() { if ( !( this.editorDoc_designMode ) ) { try { this.editorDoc.designMode = 'on'; this.editorDoc_designMode = true; } catch ( e ) {} } }, getSelection : function() { return ( window.getSelection ) ? window.getSelection() : document.selection; }, getRange : function() { var selection = this.getSelection(); if ( !( selection ) ) return null; return ( selection.rangeCount > 0 ) ? selection.getRangeAt(0) : selection.createRange(); }, getContent : function() { return $( $(this.editor).document() ).find('body').html(); }, setContent : function( newContent ) { $( $(this.editor).document() ).find('body').html( this.prepareWysiwygContent( newContent ) ); }, saveContent : function() { if ( this.original ) { var content = this.getContent(); if (this.prevSavedContent == content) return; // optimization this.prevSavedContent = content; if ( this.options.rmUnwantedBr ) content = ( content.substr(-4) == '
' ) ? content.substr(0, content.length - 4) : content; /* // convert flash placeholders to SWF objects var contentDom = $("
=0) {
var flashUrl = unescape( img.attr("src").substr( img.attr("src").indexOf("?")+1) );
var flashWidth = parseInt( img.css("width").replace(/px/,'') ) ? img.css("width").replace(/px/,'') : 100;
var flashHeight = parseInt( img.css("height").replace(/px/,'') ) ? img.css("height").replace(/px/,'') : 100;
if ($.browser.msie) {
if ( parseInt( img.attr("width") ) )
flashWidth = img.attr("width");
if ( parseInt( img.attr("height") ) )
flashHeight = img.attr("height");
}
img.replaceWith(
''
);
}
});
*/
content = content.replace(/\/\*(.+?)\*\/<\/.*?script>/, "");
$(this.original).val( content );
}
},
appendMenu : function( cmd, args, className, fn, fnItemInit )
{
var self = this;
var args = args || [];
var item = $('').append(
$('').addClass(className || cmd)
).mousedown(function() {
if ( fn ) fn.apply(self); else self.editorDoc.execCommand(cmd, false, args);
if ( self.options.autoSave ) self.saveContent();
});
if (fnItemInit)
fnItemInit(self,item,fn);
item.appendTo( this.panel );
},
appendMenuSeparator : function()
{
$('').appendTo( this.panel );
},
appendControls : function()
{
for ( var name in this.options.controls )
{
var control = this.options.controls[name];
if ( control.separator )
{
if ( control.visible !== false )
this.appendMenuSeparator();
}
else if ( control.visible )
{
this.appendMenu(
control.command || name, control.arguments || [],
control.className || control.command || name || 'empty', control.exec, control.init
);
}
}
},
checkTargets : function( element )
{
for ( var name in this.options.controls )
{
var control = this.options.controls[name];
var className = control.className || control.command || name || 'empty';
$('.' + className, this.panel).removeClass('active');
if ( control.tags )
{
var elm = element;
do {
if ( elm.nodeType != 1 )
break;
if ( $.inArray(elm.tagName.toLowerCase(), control.tags) != -1 )
$('.' + className, this.panel).addClass('active');
} while ( elm = elm.parentNode );
}
if ( control.css )
{
var elm = $(element);
do {
if ( elm[0].nodeType != 1 )
break;
for ( var cssProperty in control.css )
if ( elm.css(cssProperty).toString().toLowerCase() == control.css[cssProperty] )
$('.' + className, this.panel).addClass('active');
} while ( elm = elm.parent() );
}
}
},
getElementByAttributeValue : function( tagName, attributeName, attributeValue )
{
var elements = this.editorDoc.getElementsByTagName(tagName);
for ( var i = 0; i < elements.length; i++ )
{
var value = elements[i].getAttribute(attributeName);
if ( $.browser.msie )
{
/** IE add full path, so I check by the last chars. */
value = value.substr(value.length - attributeValue.length);
}
if ( value == attributeValue )
return elements[i];
}
return false;
}
});
})(jQuery);