122 lines
4.7 KiB
JavaScript
122 lines
4.7 KiB
JavaScript
/* ===========================================================
|
||
* trumbowyg.base64.js v1.0
|
||
* Base64 plugin for Trumbowyg
|
||
* http://alex-d.github.com/Trumbowyg
|
||
* ===========================================================
|
||
* Author : Cyril Biencourt (lizardK)
|
||
*/
|
||
|
||
(function ($) {
|
||
'use strict';
|
||
|
||
var isSupported = function () {
|
||
return typeof FileReader !== 'undefined';
|
||
};
|
||
|
||
var isValidImage = function (type) {
|
||
return /^data:image\/[a-z]?/i.test(type);
|
||
};
|
||
|
||
$.extend(true, $.trumbowyg, {
|
||
langs: {
|
||
// jshint camelcase:false
|
||
en: {
|
||
base64: 'Image as base64',
|
||
file: 'File',
|
||
errFileReaderNotSupported: 'FileReader is not supported by your browser.',
|
||
errInvalidImage: 'Invalid image file.'
|
||
},
|
||
fr: {
|
||
base64: 'Image en base64',
|
||
file: 'Fichier'
|
||
},
|
||
cs: {
|
||
base64: 'Vložit obrázek',
|
||
file: 'Soubor'
|
||
},
|
||
zh_cn: {
|
||
base64: '图片（Base64编码）',
|
||
file: '文件'
|
||
},
|
||
nl: {
|
||
errFileReaderNotSupported: 'Uw browser ondersteunt deze functionaliteit niet.',
|
||
errInvalidImage: 'De gekozen afbeelding is ongeldig.'
|
||
},
|
||
ru: {
|
||
base64: 'Изображение как код в base64',
|
||
file: 'Файл',
|
||
errFileReaderNotSupported: 'FileReader не поддерживается вашим браузером.',
|
||
errInvalidImage: 'Недопустимый файл изображения.'
|
||
},
|
||
ja: {
|
||
base64: '画像 (Base64形式)',
|
||
file: 'ファイル',
|
||
errFileReaderNotSupported: 'あなたのブラウザーはFileReaderをサポートしていません',
|
||
errInvalidImage: '画像形式が正しくありません'
|
||
}
|
||
},
|
||
// jshint camelcase:true
|
||
|
||
plugins: {
|
||
base64: {
|
||
shouldInit: isSupported,
|
||
init: function (trumbowyg) {
|
||
var btnDef = {
|
||
isSupported: isSupported,
|
||
fn: function () {
|
||
trumbowyg.saveRange();
|
||
|
||
var file;
|
||
var $modal = trumbowyg.openModalInsert(
|
||
// Title
|
||
trumbowyg.lang.base64,
|
||
|
||
// Fields
|
||
{
|
||
file: {
|
||
type: 'file',
|
||
required: true,
|
||
attributes: {
|
||
accept: 'image/*'
|
||
}
|
||
},
|
||
alt: {
|
||
label: 'description',
|
||
value: trumbowyg.getRangeText()
|
||
}
|
||
},
|
||
|
||
// Callback
|
||
function (values) {
|
||
var fReader = new FileReader();
|
||
|
||
fReader.onloadend = function (e) {
|
||
if (isValidImage(e.target.result)) {
|
||
trumbowyg.execCmd('insertImage', fReader.result);
|
||
$(['img[src="', fReader.result, '"]:not([alt])'].join(''), trumbowyg.$box).attr('alt', values.alt);
|
||
trumbowyg.closeModal();
|
||
} else {
|
||
trumbowyg.addErrorOnModalField(
|
||
$('input[type=file]', $modal),
|
||
trumbowyg.lang.errInvalidImage
|
||
);
|
||
}
|
||
};
|
||
|
||
fReader.readAsDataURL(file);
|
||
}
|
||
);
|
||
|
||
$('input[type=file]').on('change', function (e) {
|
||
file = e.target.files[0];
|
||
});
|
||
}
|
||
};
|
||
|
||
trumbowyg.addBtnDef('base64', btnDef);
|
||
}
|
||
}
|
||
}
|
||
});
|
||
})(jQuery);
|