]*margin-left[^>]*>([^\n|\n\015|\015\n]*)<\/p>/ig,"
"); // replace VML pixel image references with image tags - experimental value = value.replace(/<[a-z0-9]+:imagedata[^>]+src="?([^> "]+)"?[^>]*>/ig,"$1
';
tinyMCE.execCommand("mceInsertContent", true, html);
tinyMCE.selectedInstance.repaint();
return false;
}
}
LinkForm.applyTo('#Form_EditorToolbarLinkForm');
SideFormAction.applyTo('#Form_EditorToolbarLinkForm .Actions input');
ImageForm.applyTo('#Form_EditorToolbarImageForm');
ImageThumbnail.applyTo('#Form_EditorToolbarImageForm div.thumbnailstrip a');
SideFormAction.applyTo('#Form_EditorToolbarImageForm .Actions input');
FlashForm.applyTo('#Form_EditorToolbarFlashForm');
FlashThumbnail.applyTo('#Form_EditorToolbarFlashForm div.thumbnailstrip a');
SideFormAction.applyTo('#Form_EditorToolbarFlashForm .Actions input');
ToolbarButtonImage.applyTo('#mce_editor_toolbar a img');
ToolbarButton.applyTo('#mce_editor_toolbar a');
ToolbarDropdown.applyTo('#mce_editor_toolbar select');
Toolbar.applyTo('#mce_editor_toolbar');
/**
* Image resizing
*/
MCEImageResizer = Class.create();
MCEImageResizer.prototype = {
initialize: function() {
TinyMCE.prototype.addEvent(this, 'click', this._onclick);
},
_onclick: function() {
var form = $('Form_EditorToolbarImageForm');
if(form) {
form.elements.AltText.value = this.alt;
form.elements.CSSClass.value = this.className;
}
},
onresizestart: function() {
this.prepareForResize();
this.heightDiff = 0;
},
onresizeend: function() {
this.resizeTo(this.style.width, this.style.height);
},
onmouseup: function() {
if(this.parentNode.parentNode.className.match(/(^|\b)specialImage($|\b)/)) {
this.ownerDoc().setActive();
this.parentNode.parentNode.setActive();
}
},
prepareForResize: function() {
if(this.aspectRatio == null) {
this.aspectRatio = this.height / this.width;
}
this.originalWidth = this.width;
this.originalHeight = this.height;
},
ownerDoc: function() {
var f =this.parentNode;
while(f && f.tagName.toLowerCase() != 'body') f = f.parentNode;
return f;
},
resizeTo: function(width, height) {
var newWidth = parseInt(height);
var newHeight = parseInt(height) - this.heightDiff;
if(isNaN(newWidth)) newWidth = this.width;
if(isNaN(newHeight)) newHeight = this.height;
// Constrain to width of the window
if((this.offsetLeft + this.offsetWidth + 20) > this.ownerDoc().offsetWidth)
newWidth += (this.ownerDoc().offsetWidth - this.offsetLeft - this.offsetWidth - 20);
if(this.aspectRatio) {
// Figure out which dimension we have altered more
var heightChange = this.originalHeight / this.height;
if(heightChange < 1) heightChange = 1/heightChange;
var widthChange = this.originalWidth / this.width;
if(widthChange < 1) widthChange = 1/widthChange;
// Scale by the more constant dimension (so if you edit the height, change width to suit)
if(widthChange > heightChange)
newHeight = newWidth * this.aspectRatio;
else
newWidth = newHeight / this.aspectRatio;
}
this.style.width = newWidth + 'px';
this.style.height = newHeight + 'px';
this.width = newWidth;
this.height = newHeight;
// Auto-size special image holders
if(this.parentNode.parentNode.className.match(/(^|\b)specialImage($|\b)/)) {
this.parentNode.parentNode.style.width = newWidth + 'px';
}
}
}
MCEDLResizer = Class.extend('MCEImageResize');
MCEDLResizer.prototype = {
onresizestart: function() {
var img = this.getElementsByTagName('img')[0];
img.prepareForResize();
img.heightDiff = this.offsetHeight - img.height;
},
onresizeend: function() {
this.getElementsByTagName('img')[0].resizeTo(this.style.width, this.style.height);
}
}
/**
* These callback hook it into tinymce. They need to be referenced in the TinyMCE config.
*/
function sapphiremce_setupcontent(editor_id, body, doc) {
var allImages = body.getElementsByTagName('img');
var i,img;
for(i=0;img=allImages[i];i++) {
behaveAs(img, MCEImageResizer);
}
var allDLs = body.getElementsByTagName('img');
for(i=0;img=allDLs[i];i++) {
if(img.className.match(/(^|\b)specialImage($|\b)/)) {
behaveAs(img, MCEDLResizer);
}
}
}
function sapphiremce_cleanup(type, value) {
if(type == 'get_from_editor') {
// replace indented text with a value = value.replace(/]*margin-left[^>]*>([^\n|\n\015|\015\n]*)<\/p>/ig,"
"); // replace VML pixel image references with image tags - experimental value = value.replace(/<[a-z0-9]+:imagedata[^>]+src="?([^> "]+)"?[^>]*>/ig,"$1
"); // Word comments value = value.replace(new RegExp('<(!--)([^>]*)(--)>', 'g'), ""); // kill class=mso??? and on mouse* tags value = value.replace(/([ \f\r\t\n\'\"])class=mso[a-z0-9]+[^ >]+/ig, "$1"); value = value.replace(/([ \f\r\t\n\'\"]class=")mso[a-z0-9]+[^ ">]+ /ig, "$1"); value = value.replace(/([ \f\r\t\n\'\"])class="mso[a-z0-9]+[^">]+"/ig, "$1"); value = value.replace(/([ \f\r\t\n\'\"])on[a-z]+=[^ >]+/ig, "$1"); value = value.replace(/ >/ig, ">"); // remove everything that's in a closing tag value = value.replace(/<(\/[A-Za-z0-9]+)[ \f\r\t\n]+[^>]*>/ig,"<$1>"); } if(type == 'get_from_editor_dom') { var allImages =value.getElementsByTagName('img'); var i,img; for(i=0;img=allImages[i];i++) { img.onresizestart = null; img.onresizeend = null; img.removeAttribute('onresizestart'); img.removeAttribute('onresizeend'); } var allDLs =value.getElementsByTagName('img'); for(i=0;img=allDLs[i];i++) { if(img.className.match(/(^|\b)specialImage($|\b)/)) { img.onresizestart = null; img.onresizeend = null; img.removeAttribute('onresizestart'); img.removeAttribute('onresizeend'); } } } return value; } contentPanelCloseButton = Class.create(); contentPanelCloseButton.prototype = { onclick: function() { Element.hide('Form_EditorToolbarLinkForm'); Element.hide('Form_EditorToolbarImageForm'); Element.hide('Form_EditorToolbarFlashForm'); $('mce_editor_toolbar').hidePanel(); $('mce_editor_toolbar').clearSelectedButtons(); } } contentPanelCloseButton.applyTo('#contentPanel h2 img');