|
|
/* ===========================================================
|
|
|
* 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.'
|
|
|
},
|
|
|
da: {
|
|
|
base64: 'Billede som base64',
|
|
|
file: 'Fil',
|
|
|
errFileReaderNotSupported: 'FileReader er ikke understøttet af din browser.',
|
|
|
errInvalidImage: 'Ugyldig billedfil.'
|
|
|
},
|
|
|
fr: {
|
|
|
base64: 'Image en base64',
|
|
|
file: 'Fichier'
|
|
|
},
|
|
|
cs: {
|
|
|
base64: 'Vložit obrázek',
|
|
|
file: 'Soubor'
|
|
|
},
|
|
|
zh_cn: {
|
|
|
base64: '图片（Base64编码）',
|
|
|
file: '文件'
|
|
|
},
|
|
|
nl: {
|
|
|
base64: 'Afbeelding inline',
|
|
|
file: 'Bestand',
|
|
|
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: '画像形式が正しくありません'
|
|
|
},
|
|
|
tr: {
|
|
|
base64: 'Base64 olarak resim',
|
|
|
file: 'Dosya',
|
|
|
errFileReaderNotSupported: 'FileReader tarayıcınız tarafından desteklenmiyor.',
|
|
|
errInvalidImage: 'Geçersiz resim dosyası.'
|
|
|
},
|
|
|
zh_tw: {
|
|
|
base64: '圖片(base64編碼)',
|
|
|
file: '檔案',
|
|
|
errFileReaderNotSupported: '你的瀏覽器不支援FileReader',
|
|
|
errInvalidImage: '不正確的檔案格式'
|
|
|
},
|
|
|
pt_br: {
|
|
|
base64: 'Imagem em base64',
|
|
|
file: 'Arquivo',
|
|
|
errFileReaderNotSupported: 'FileReader não é suportado pelo seu navegador.',
|
|
|
errInvalidImage: 'Arquivo de imagem inválido.'
|
|
|
},
|
|
|
ko: {
|
|
|
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, false, true);
|
|
|
$(['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);
|
