%PDF- <> %âãÏÓ endobj 2 0 obj <> endobj 3 0 obj <>/ExtGState<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI] >>/Annots[ 28 0 R 29 0 R] /MediaBox[ 0 0 595.5 842.25] /Contents 4 0 R/Group<>/Tabs/S>> endobj ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµùÕ5sLOšuY>endobj 2 0 obj<>endobj 2 0 obj<>endobj 2 0 obj<>endobj 2 0 obj<> endobj 2 0 obj<>endobj 2 0 obj<>es 3 0 R>> endobj 2 0 obj<> ox[ 0.000000 0.000000 609.600000 935.600000]/Fi endobj 3 0 obj<> endobj 7 1 obj<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI]>>/Subtype/Form>> stream
(function() {
tinymce.create('tinymce.plugins.ImageUploadPlugin', {
init : function(ed, url) {
url = tinyMCE.activeEditor.getParam('imageupload_rel') || url;
var imageUploadUrl = tinyMCE.activeEditor.getParam('imageupload_url');
var head = document.getElementsByTagName('body')[0];
var css = document.createElement('link');
css.type = 'text/css';
css.rel = 'stylesheet';
css.href = url + '/css/style.css';
head.appendChild(css);
// Register commands
ed.addCommand('mceImageUpload', function() {
$('#image_upload_type').val('tinymce');
$('body').append('<div class="imageUploadBg"></div>');
var showImageUploadError = function(msg) {
$('.imageUploadError').html(msg).show();
removeForeground();
};
var removeForeground = function() {
$('.imageUploadFg').remove();
$('.imageUploadFgLoading').remove();
};
var removeBackground = function() {
$('.imageUploadBg').remove();
$('.imageUploadContainer').remove();
};
var container = '\
<div class="imageUploadContainer mce-container mce-panel mce-window">\
<div class="imageUploadContainerInner">\
<div class="mce-window-head">\
<div class="mce-title">Upload Image</div>\
<button type="button" class="mce-close">×</button>\
</div>\
<form action="' + imageUploadUrl + '" method="POST" enctype="multipart/form-data" id="uploadImageForm">\
<div class="mce-container imageUploadFormContainer" hidefocus="1" tabindex="-1">\
<div class="mce-container-body">\
<label for="image-upload-area">Select a file</label>\
<input type="file" name="file" id="image-upload-area" class="mce-textbox mce-placeholder" hidefocus="true" style="width: 258px;">\
</div>\
<p class="imageUploadError"></p>\
</div>\
</form>\
<div class="imageUploadConfirmCase mce-panel">\
<div class="mce-btn mce-primary">\
<button role="presentation" class="imageUploadSubmit">Upload</button>\
</div>\
<div class="mce-btn">\
<button role="presentation" class="imageUploadClose">Close</button>\
</div>\
</div>\
</div>\
</div>\
';
$('body').append(container);
$('.imageUploadBg, .imageUploadContainer .imageUploadClose, .mce-close').on('click', function(){
removeForeground();
removeBackground();
});
$('#uploadImageForm').iframePostForm({
json: true,
post: function(){
// Sending.
},
complete: function(response){
if (typeof response != "object" || response == null || typeof response.error == 'undefined') {
removeForeground();
showImageUploadError('An error occurred while uploading your image.');
} else {
if (response.error != false) {
switch (response.error) {
case ("filetype"):
showImageUploadError('Please select a valid image and try again.');
break;
default:
showImageUploadError('An unknown error occurred.');
break;
}
} else {
if (typeof response.path != 'undefined') {
var tpl = '<img src="%s" />';
ed.insertContent(tpl.replace('%s', response.path));
ed.focus();
removeForeground();
removeBackground();
} else {
showImageUploadError('An unknown error occurred.');
}
}
}
}
});
$('.imageUploadSubmit').on('click', function(){
$('.imageUploadError').html('').hide();
if ($('#image-upload-area').val() != '') {
$('body').append('<div class="imageUploadFg"></div>');
$('body').append('<div class="imageUploadFgLoading"></div>');
$('#uploadImageForm').submit();
} else {
showImageUploadError('Please select an image to upload.');
}
});
});
// Register buttons
ed.addButton('imageupload', {
title : 'Image Upload',
cmd : 'mceImageUpload',
image : url + '/img/icon.png'
});
},
getInfo : function() {
return {
longname : 'Image Upload',
author : 'BoxUK',
authorurl : 'https://github.com/boxuk/tinymce-imageupload',
infourl : 'https://github.com/boxuk/tinymce-imageupload/blob/master/README.md',
version : '1.0.0'
};
}
});
tinymce.PluginManager.add('imageupload', tinymce.plugins.ImageUploadPlugin);
})();