'
},
az: {
preformatted: 'Kod nümunəsi '
},
by: {
preformatted: 'Прыклад кода '
},
da: {
preformatted: 'Præformateret '
},
de: {
preformatted: 'Code-Beispiel '
},
et: {
preformatted: 'Eelvormindatud tekst '
},
fr: {
preformatted: 'Exemple de code '
},
hu: {
preformatted: 'Kód minta '
},
it: {
preformatted: 'Codice '
},
ja: {
preformatted: 'コードサンプル '
},
ko: {
preformatted: '코드 예제 '
},
pt_br: {
preformatted: 'Exemple de código '
},
ru: {
preformatted: 'Пример кода '
},
sl: {
preformatted: 'Vstavi neformatiran tekst '
},
tr: {
preformatted: 'Kod örneği '
},
zh_cn: {
preformatted: '代码示例 '
},
zh_tw: {
preformatted: '代碼範例 '
},
},
// jshint camelcase:true
plugins: {
preformatted: {
init: function (trumbowyg) {
var btnDef = {
fn: function () {
trumbowyg.saveRange();
var text = trumbowyg.getRangeText();
if (text.replace(/\s/g, '') !== '') {
try {
var curtag = getSelectionParentElement().tagName.toLowerCase();
if (curtag === 'code' || curtag === 'pre') {
return unwrapCode();
}
else {
trumbowyg.execCmd('insertHTML', '' + strip(text) + '
');
}
} catch (e) {
}
}
},
tag: 'pre'
};
trumbowyg.addBtnDef('preformatted', btnDef);
}
}
}
});
/*
* GetSelectionParentElement
*/
function getSelectionParentElement() {
var parentEl = null,
selection;
if (window.getSelection) {
selection = window.getSelection();
if (selection.rangeCount) {
parentEl = selection.getRangeAt(0).commonAncestorContainer;
if (parentEl.nodeType !== 1) {
parentEl = parentEl.parentNode;
}
}
} else if ((selection = document.selection) && selection.type !== 'Control') {
parentEl = selection.createRange().parentElement();
}
return parentEl;
}
/*
* Strip
* returns a text without HTML tags
*/
function strip(html) {
var tmp = document.createElement('DIV');
tmp.innerHTML = html;
return tmp.textContent || tmp.innerText || '';
}
/*
* UnwrapCode
* ADD/FIX: to improve, works but can be better
* "paranoic" solution
*/
function unwrapCode() {
var container = null;
if (document.selection) { //for IE
container = document.selection.createRange().parentElement();
} else {
var select = window.getSelection();
if (select.rangeCount > 0) {
container = select.getRangeAt(0).startContainer.parentNode;
}
}
//'paranoic' unwrap
var ispre = $(container).contents().closest('pre').length;
var iscode = $(container).contents().closest('code').length;
if (ispre && iscode) {
$(container).contents().unwrap('code').unwrap('pre');
} else if (ispre) {
$(container).contents().unwrap('pre');
} else if (iscode) {
$(container).contents().unwrap('code');
}
}
})(jQuery);
================================================
FILE: plugins/resizimg/trumbowyg.resizimg.js
================================================
; (function ($) {
'use strict';
var defaultOptions = {
minSize: 32,
step: 4
};
function preventDefault(e) {
e.stopPropagation();
e.preventDefault();
}
var ResizeWithCanvas = function (trumbowyg) {
// variable to create canvas and save img in resize mode
this.resizeCanvas = document.createElement('canvas');
// to allow canvas to get focus
this.resizeCanvas.setAttribute('tabindex', '0');
this.resizeCanvas.id = 'trumbowyg-resizimg-' + (+new Date());
this.ctx = null;
this.resizeImg = null;
this.pressEscape = function (obj) {
obj.reset();
};
this.pressBackspaceOrDelete = function (obj) {
$(obj.resizeCanvas).remove();
obj.resizeImg = null;
if (trumbowyg !== null){
trumbowyg.syncCode();
// notify changes
trumbowyg.$c.trigger('tbwchange');
}
};
// PRIVATE FUNCTION
var focusedNow = false;
var isCursorSeResize = false;
// calculate offset to change mouse over square in the canvas
var offsetX, offsetY;
var reOffset = function (canvas) {
var BB = canvas.getBoundingClientRect();
offsetX = BB.left;
offsetY = BB.top;
};
var updateCanvas = function (canvas, ctx, img, canvasWidth, canvasHeight) {
ctx.translate(0.5, 0.5);
ctx.lineWidth = 1;
// image
ctx.drawImage(img, 5, 5, canvasWidth - 10, canvasHeight - 10);
// border
ctx.beginPath();
ctx.rect(5, 5, canvasWidth - 10, canvasHeight - 10);
ctx.stroke();
// square in the angle
ctx.beginPath();
ctx.fillStyle = 'rgb(255, 255, 255)';
ctx.rect(canvasWidth - 10, canvasHeight - 10, 9, 9);
ctx.fill();
ctx.stroke();
// get the offset to change the mouse cursor
reOffset(canvas);
return ctx;
};
// PUBLIC FUNCTION
// necessary to correctly print cursor over square. Called once for instance. Useless with trumbowyg.
this.init = function () {
var _this = this;
$(window).on('scroll resize', function () {
_this.reCalcOffset();
});
};
this.reCalcOffset = function () {
reOffset(this.resizeCanvas);
};
this.canvasId = function () {
return this.resizeCanvas.id;
};
this.isActive = function () {
return this.resizeImg !== null;
};
this.isFocusedNow = function () {
return focusedNow;
};
this.blurNow = function () {
focusedNow = false;
};
// restore image in the HTML of the editor
this.reset = function () {
if (this.resizeImg === null) {
return;
}
// set style of image to avoid issue on resize because this attribute have priority over width and height attribute
this.resizeImg.setAttribute('style', 'width: 100%; max-width: ' + (this.resizeCanvas.clientWidth - 10) + 'px; height: auto; max-height: ' + (this.resizeCanvas.clientHeight - 10) + 'px;');
$(this.resizeCanvas).replaceWith($(this.resizeImg));
// reset canvas style
this.resizeCanvas.removeAttribute('style');
this.resizeImg = null;
};
// setup canvas with points and border to allow the resizing operation
this.setup = function (img, resizableOptions) {
this.resizeImg = img;
if (!this.resizeCanvas.getContext) {
return false;
}
focusedNow = true;
// draw canvas
this.resizeCanvas.width = $(this.resizeImg).width() + 10;
this.resizeCanvas.height = $(this.resizeImg).height() + 10;
this.resizeCanvas.style.margin = '-5px';
this.ctx = this.resizeCanvas.getContext('2d');
// replace image with canvas
$(this.resizeImg).replaceWith($(this.resizeCanvas));
updateCanvas(this.resizeCanvas, this.ctx, this.resizeImg, this.resizeCanvas.width, this.resizeCanvas.height);
// enable resize
$(this.resizeCanvas).resizableSafe(resizableOptions)
.on('mousedown', preventDefault);
var _this = this;
$(this.resizeCanvas)
.on('mousemove', function (e) {
var mouseX = Math.round(e.clientX - offsetX);
var mouseY = Math.round(e.clientY - offsetY);
var wasCursorSeResize = isCursorSeResize;
_this.ctx.rect(_this.resizeCanvas.width - 10, _this.resizeCanvas.height - 10, 9, 9);
isCursorSeResize = _this.ctx.isPointInPath(mouseX, mouseY);
if (wasCursorSeResize !== isCursorSeResize) {
this.style.cursor = isCursorSeResize ? 'se-resize' : 'default';
}
})
.on('keydown', function (e) {
if (!_this.isActive()) {
return;
}
var x = e.keyCode;
if (x === 27) { // ESC
_this.pressEscape(_this);
} else if (x === 8 || x === 46) { // BACKSPACE or DELETE
_this.pressBackspaceOrDelete(_this);
}
})
.on('focus', preventDefault)
.on('blur', function () {
_this.reset();
// save changes
if (trumbowyg !== null){
trumbowyg.syncCode();
// notify changes
trumbowyg.$c.trigger('tbwchange');
}
});
this.resizeCanvas.focus();
return true;
};
// update the canvas after the resizing
this.refresh = function () {
if (!this.resizeCanvas.getContext) {
return;
}
this.resizeCanvas.width = this.resizeCanvas.clientWidth;
this.resizeCanvas.height = this.resizeCanvas.clientHeight;
updateCanvas(this.resizeCanvas, this.ctx, this.resizeImg, this.resizeCanvas.width, this.resizeCanvas.height);
};
};
$.extend(true, $.trumbowyg, {
plugins: {
resizimg: {
destroyResizable: function () {},
init: function (trumbowyg) {
var destroyResizable = this.destroyResizable;
// object to interact with canvas
var resizeWithCanvas = new ResizeWithCanvas(trumbowyg);
this.destroyResizable = function () {
// clean html code
trumbowyg.$ed.find('canvas.resizable')
.resizableSafe('destroy')
.off('mousedown', preventDefault)
.removeClass('resizable');
resizeWithCanvas.reset();
trumbowyg.syncCode();
};
trumbowyg.o.plugins.resizimg = $.extend(true, {},
defaultOptions,
trumbowyg.o.plugins.resizimg || {},
{
resizable: {
resizeWidth: false,
onDragStart: function (ev, $el) {
var opt = trumbowyg.o.plugins.resizimg;
var x = ev.pageX - $el.offset().left;
var y = ev.pageY - $el.offset().top;
if (x < $el.width() - opt.minSize || y < $el.height() - opt.minSize) {
return false;
}
},
onDrag: function (ev, $el, newWidth, newHeight) {
var opt = trumbowyg.o.plugins.resizimg;
if (newHeight < opt.minSize) {
newHeight = opt.minSize;
}
newHeight -= newHeight % opt.step;
$el.height(newHeight);
return false;
},
onDragEnd: function () {
// resize update canvas information
resizeWithCanvas.refresh();
trumbowyg.syncCode();
}
}
}
);
function initResizable() {
trumbowyg.$ed.find('img')
.off('click')
.on('click', function (e) {
// if I'm already do a resize, reset it
if (resizeWithCanvas.isActive()) {
resizeWithCanvas.reset();
}
// initialize resize of image
resizeWithCanvas.setup(this, trumbowyg.o.plugins.resizimg.resizable);
preventDefault(e);
});
}
trumbowyg.$c.on('tbwinit', function () {
initResizable();
// disable resize when click on other items
trumbowyg.$ed.on('click', function (e) {
// check if I've clicked out of canvas or image to reset it
if ($(e.target).is('img') || e.target.id === resizeWithCanvas.canvasId()) {
return;
}
preventDefault(e);
resizeWithCanvas.reset();
//sync
trumbowyg.syncCode();
// notify changes
trumbowyg.$c.trigger('tbwchange');
});
trumbowyg.$ed.on('scroll', function () {
resizeWithCanvas.reCalcOffset();
});
});
trumbowyg.$c.on('tbwfocus tbwchange', initResizable);
trumbowyg.$c.on('tbwresize', function () {
resizeWithCanvas.reCalcOffset();
});
// Destroy
trumbowyg.$c.on('tbwblur', function () {
// when canvas is created the tbwblur is called
// this code avoid to destroy the canvas that allow the image resizing
if (resizeWithCanvas.isFocusedNow()) {
resizeWithCanvas.blurNow();
} else {
destroyResizable();
}
});
},
destroy: function () {
this.destroyResizable();
}
}
}
});
})(jQuery);
================================================
FILE: plugins/ruby/trumbowyg.ruby.js
================================================
/* ===========================================================
* trumbowyg.ruby.js v1.0
* Ruby text plugin for Trumbowyg
* http://alex-d.github.com/Trumbowyg
* ===========================================================
* Author : Fathi Anshory (0x00000F5C)
* Twitter : @fscchannl
* Comment : Since I use trumbowyg in my project and required it to insert ruby text, so I thought I can contribute a little. :D
*/
(function ($) {
'use strict';
$.extend(true, $.trumbowyg, {
langs: {
// jshint camelcase:false
en: {
ruby: 'Add ruby text',
rubyModal: 'Ruby modal',
rubyText: 'Ruby text'
},
az: {
ruby: 'Ruby mətni əlavə et',
rubyModal: 'Ruby modal',
rubyText: 'Ruby mətni'
},
by: {
ruby: 'Уставіць ruby тэкст',
rubyModal: 'Ruby анатацыя',
rubyText: 'Ruby тэкст'
},
da: {
ruby: 'Tilføj ruby tekst',
rubyModal: 'Ruby modal',
rubyText: 'Ruby tekst'
},
de: {
ruby: 'Ruby-Text einfügen',
rubyModal: 'Ruby-Modal',
rubyText: 'Ruby-Text'
},
et: {
ruby: 'Lisa ruby tekst',
rubyModal: 'Ruby modaal',
rubyText: 'Ruby tekst'
},
fr: {
ruby: 'Ajouter du texte ruby',
rubyModal: 'Modale ruby',
rubyText: 'Texte ruby'
},
hu: {
ruby: 'Ruby szöveg hozzáadás',
rubyModal: 'Ruby modal',
rubyText: 'Ruby szöveg'
},
id: {
ruby: 'Sisipkan teks ruby',
rubyModal: 'Modal teks ruby',
rubyText: 'Teks ruby'
},
ko: {
ruby: '루비 문자 넣기',
rubyModal: '대상 문자',
rubyText: '루비 문자'
},
pt_br: {
ruby: 'Adicionar texto ruby',
rubyModal: 'Modal ruby',
rubyText: 'Texto ruby'
},
ru: {
ruby: 'Вставить ruby текст',
rubyModal: 'Ruby аннотация',
rubyText: 'Ruby текст'
},
tr: {
ruby: 'Ruby metni ekle',
rubyModal: 'Ruby modal',
rubyText: 'Ruby metni'
},
zh_tw: {
ruby: '加入 ruby 文字',
rubyModal: 'Ruby 彈跳視窗',
rubyText: 'Ruby 文字'
},
// jshint camelcase:true
},
plugins: {
ruby: {
init: function (trumbowyg) {
var btnDef = {
fn: function () {
trumbowyg.saveRange();
trumbowyg.openModalInsert(
trumbowyg.lang.ruby,
{
rubyText: {
label: trumbowyg.lang.rubyText,
required: false,
},
modal: {
label: trumbowyg.lang.rubyModal,
value: trumbowyg.getRangeText(),
required: true
}
},
function (v) {
var node = $('' + v.modal + '')[0];
trumbowyg.range.deleteContents();
trumbowyg.range.insertNode(node);
trumbowyg.syncCode();
trumbowyg.$c.trigger('tbwchange');
return true;
}
);
}
};
trumbowyg.addBtnDef('ruby', btnDef);
}
}
}
});
})(jQuery);
================================================
FILE: plugins/specialchars/trumbowyg.specialchars.js
================================================
/* ===========================================================
* trumbowyg.specialchars.js v0.99
* Unicode characters picker plugin for Trumbowyg
* http://alex-d.github.com/Trumbowyg
* ===========================================================
* Author : Renaud Hoyoux (geektortoise)
*/
(function ($) {
'use strict';
var defaultOptions = {
symbolList: [
// currencies
'0024', '20AC', '00A3', '00A2', '00A5', '00A4', '2030', null,
// legal signs
'00A9', '00AE', '2122', null,
// textual sign
'00A7', '00B6', '00C6', '00E6', '0152', '0153', null,
'2022', '25CF', '2023', '25B6', '2B29', '25C6', null,
//maths
'00B1', '00D7', '00F7', '21D2', '21D4', '220F', '2211', '2243', '2264', '2265'
]
};
$.extend(true, $.trumbowyg, {
langs: {
en: {
specialChars: 'Special characters'
},
az: {
specialChars: 'Xüsusi simvollar'
},
by: {
specialChars: 'Спецыяльныя сімвалы'
},
de: {
specialChars: 'Spezialzeichen'
},
et: {
specialChars: 'Erimärgid'
},
fr: {
specialChars: 'Caractères spéciaux'
},
hu: {
specialChars: 'Speciális karakterek'
},
ko: {
specialChars: '특수문자'
},
ru: {
specialChars: 'Специальные символы'
},
sl: {
specialChars: 'Posebni znaki'
},
tr: {
specialChars: 'Özel karakterler'
},
},
plugins: {
specialchars: {
init: function (trumbowyg) {
trumbowyg.o.plugins.specialchars = trumbowyg.o.plugins.specialchars || defaultOptions;
var specialCharsBtnDef = {
dropdown: buildDropdown(trumbowyg)
};
trumbowyg.addBtnDef('specialChars', specialCharsBtnDef);
}
}
}
});
function buildDropdown(trumbowyg) {
var dropdown = [];
$.each(trumbowyg.o.plugins.specialchars.symbolList, function (i, symbol) {
if (symbol === null) {
symbol = ' ';
} else {
symbol = '&#x' + symbol;
}
var btn = symbol.replace(/:/g, ''),
defaultSymbolBtnName = 'symbol-' + btn,
defaultSymbolBtnDef = {
text: symbol,
hasIcon: false,
fn: function () {
var encodedSymbol = String.fromCodePoint(parseInt(symbol.replace('&#', '0')));
trumbowyg.execCmd('insertText', encodedSymbol);
return true;
}
};
trumbowyg.addBtnDef(defaultSymbolBtnName, defaultSymbolBtnDef);
dropdown.push(defaultSymbolBtnName);
});
return dropdown;
}
})(jQuery);
================================================
FILE: plugins/specialchars/ui/sass/trumbowyg.specialchars.scss
================================================
.trumbowyg-symbol-\ -dropdown-button {
display: none !important;
}
.trumbowyg-symbol-\ -dropdown-button + button {
clear: both;
}
.trumbowyg-dropdown-specialChars {
width: 248px;
padding: 5px 3px 3px;
}
.trumbowyg-dropdown-specialChars button {
display: block;
position: relative;
float: left;
height: 26px;
width: 26px;
padding: 0;
margin: 2px;
line-height: 24px;
text-align: center;
&:hover,
&:focus {
&::after {
display: block;
position: absolute;
top: -5px;
left: -5px;
height: 27px;
width: 27px;
background: inherit;
box-shadow: #000 0 0 2px;
z-index: 10;
background-color: transparent;
}
}
}
.trumbowyg .specialChars {
width: 22px;
height: 22px;
display: inline-block;
}
================================================
FILE: plugins/speechrecognition/trumbowyg.speechrecognition.js
================================================
/* ===========================================================
* trumbowyg.speechrecognition.js v1.0
* Speech recognition plugin for Trumbowyg
* http://alex-d.github.com/Trumbowyg
* ===========================================================
* Authors :
* - Tobias Rohde
* - Alexandre Demode (Alex-D)
* Website : tobiasrohde.de
*/
(function ($) {
'use strict';
const defaultOptions = {
lang: 'en-US'
};
const SpeechRecognition = window.webkitSpeechRecognition || window.SpeechRecognition;
function buildButtonDef(trumbowyg) {
let btnElement = null;
let isRecognizing = false;
let $resultTextParagraph = null;
const recognition = new SpeechRecognition();
recognition.continuous = true;
recognition.interimResults = true;
recognition.maxAlternatives = 1; // We only read the first
recognition.onstart = function () {
isRecognizing = true;
btnElement.style.color = '#e71d36';
};
recognition.onerror = function () {
isRecognizing = false;
btnElement.style.removeProperty('color');
};
recognition.onend = function () {
isRecognizing = false;
btnElement.style.removeProperty('color');
};
recognition.onresult = function (event) {
const resultText = [...event.results].map((result) => {
return result[0].transcript + (result.isFinal ? '
' : '');
}).join('');
$resultTextParagraph.html(resultText);
trumbowyg.range.setEndAfter($resultTextParagraph[0]);
trumbowyg.range.collapse();
trumbowyg.syncCode();
};
return {
isSupported,
fn: function () {
if (isRecognizing) {
recognition.stop();
return;
}
// Get the actual button to allow to switch his color
btnElement = trumbowyg.$btnPane.find('.' + trumbowyg.o.prefix + 'speechrecognition-button svg')[0];
// Create a container if needed in which we will put the recognized text
trumbowyg.$ed.focus();
setTimeout(() => {
trumbowyg.saveRange();
if (
trumbowyg.range.startContainer === trumbowyg.range.endContainer &&
trumbowyg.range.startContainer.nodeName === 'P' &&
trumbowyg.range.startContainer.innerText.trim() === ''
) {
$resultTextParagraph = $(trumbowyg.range.startContainer);
} else {
$resultTextParagraph = $('');
trumbowyg.range.deleteContents();
trumbowyg.range.insertNode($resultTextParagraph[0]);
}
// Set up the recognition
recognition.lang = trumbowyg.o.plugins.speechRecognition.lang;
recognition.start();
});
}
};
}
function isSupported() {
return SpeechRecognition !== undefined;
}
$.extend(true, $.trumbowyg, {
langs: {
az: {
speechRecognition: 'Nitqin tanınması'
},
bg: {
speechRecognition: 'Разпознаване на реч'
},
by: {
speechRecognition: 'Распазнаванне маўлення'
},
ca: {
speechRecognition: 'Reconeixement de veu'
},
cs: {
speechRecognition: 'Rozpoznávání řeči'
},
da: {
speechRecognition: 'Talegenkendelse'
},
de: {
speechRecognition: 'Spracherkennung'
},
el: {
speechRecognition: 'Αναγνώριση ομιλίας'
},
en: {
speechRecognition: 'Speech recognition'
},
es: {
speechRecognition: 'Reconocimiento de voz'
},
et: {
speechRecognition: 'Kõnetuvastus'
},
fi: {
speechRecognition: 'Puheentunnistus'
},
fr: {
speechRecognition: 'Reconnaissance vocale'
},
hr: {
speechRecognition: 'Prepoznavanje govora'
},
hu: {
speechRecognition: 'Beszédfelismerés'
},
it: {
speechRecognition: 'Riconoscimento vocale'
},
lt: {
speechRecognition: 'Kalbos atpažinimas'
},
nb: {
speechRecognition: 'Talegjenkjenning'
},
nl: {
speechRecognition: 'Spraakherkenning'
},
pl: {
speechRecognition: 'Rozpoznawanie mowy'
},
pt: {
speechRecognition: 'Reconhecimento de voz'
},
ro: {
speechRecognition: 'Recunoașterea vorbirii'
},
rs: {
speechRecognition: 'Препознавање говора'
},
ru: {
speechRecognition: 'Распознавание речи'
},
sk: {
speechRecognition: 'Rozpoznávanie reči'
},
sq: {
speechRecognition: 'Njohja e të folurit'
},
sv: {
speechRecognition: 'Taligenkänning'
},
ua: {
speechRecognition: 'Розпізнавання мови'
}
},
plugins: {
speechRecognition: {
shouldInit: isSupported,
init: function (trumbowyg) {
trumbowyg.o.plugins.speechRecognition = $.extend(true, {},
defaultOptions,
trumbowyg.o.plugins.speechRecognition || {}
);
trumbowyg.addBtnDef('speechrecognition', buildButtonDef(trumbowyg));
}
}
}
});
})(jQuery);
================================================
FILE: plugins/table/trumbowyg.table.js
================================================
/* ===========================================================
* trumbowyg.table.js v3.0
* Table plugin for Trumbowyg
* http://alex-d.github.com/Trumbowyg
* ===========================================================
* Author : Alexandre Demode (Alex-D)
* Twitter : @AlexandreDemode
* Website : alex-d.fr
* Original Author : Sven Dunemann [dunemann@forelabs.eu]
*/
(function ($) {
'use strict';
// Throttle helper
function trumbowygThrottle(callback, delay) {
var last;
var timer;
return function () {
var context = this;
var now = new Date().getTime();
var args = arguments;
if (last && now < last + delay) {
clearTimeout(timer);
timer = setTimeout(function () {
last = now;
callback.apply(context, args);
}, delay);
return;
}
last = now;
callback.apply(context, args);
};
}
var defaultOptions = {
rows: 8,
columns: 8,
allowHorizontalResize: true,
colorList: [
'ffffff', '000000', 'eeece1', '1f497d', '4f81bd', 'c0504d', '9bbb59', '8064a2', '4bacc6', 'f79646', 'ffff00',
'f2f2f2', '7f7f7f', 'ddd9c3', 'c6d9f0', 'dbe5f1', 'f2dcdb', 'ebf1dd', 'e5e0ec', 'dbeef3', 'fdeada', 'fff2ca',
'd8d8d8', '595959', 'c4bd97', '8db3e2', 'b8cce4', 'e5b9b7', 'd7e3bc', 'ccc1d9', 'b7dde8', 'fbd5b5', 'ffe694',
'bfbfbf', '3f3f3f', '938953', '548dd4', '95b3d7', 'd99694', 'c3d69b', 'b2a2c7', 'b7dde8', 'fac08f', 'f2c314',
'a5a5a5', '262626', '494429', '17365d', '366092', '953734', '76923c', '5f497a', '92cddc', 'e36c09', 'c09100',
'7f7f7f', '0c0c0c', '1d1b10', '0f243e', '244061', '632423', '4f6128', '3f3151', '31859b', '974806', '7f6000'
],
backgroundColorList: null, // fallbacks on colorList
allowCustomBackgroundColor: true,
displayBackgroundColorsAsList: false,
borderColorList: null, // fallbacks on colorList
allowCustomBorderColor: true,
displayBorderColorsAsList: false,
dropdown: [
{
title: 'tableRows',
buttons: [
'tableAddHeaderRow',
'tableAddRowAbove',
'tableAddRow',
'tableDeleteRow',
],
},
{
title: 'tableColumns',
buttons: [
'tableAddColumnLeft',
'tableAddColumn',
'tableDeleteColumn',
],
},
{
title: 'tableVerticalAlign',
buttons: [
'tableVerticalAlignTop',
'tableVerticalAlignMiddle',
'tableVerticalAlignBottom',
],
},
{
title: 'tableOthers',
buttons: [
// Cell merge/split
'tableMergeCells',
'tableUnmergeCells',
'tableDestroy',
]
}
],
};
function ucFirst(value) {
return value[0].toUpperCase() + value.slice(1);
}
function hex(x) {
return ('0' + parseInt(x).toString(16)).slice(-2);
}
function colorToHex(rgb) {
if (rgb.search('rgb') === -1) {
return rgb.replace('#', '');
} else if (rgb === 'rgba(0, 0, 0, 0)') {
return 'transparent';
} else {
rgb = rgb.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d?(.\d+)))?\)$/);
if (rgb == null) {
return 'transparent'; // No match, return transparent as unkown color
}
return hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]);
}
}
$.extend(true, $.trumbowyg, {
langs: {
// jshint camelcase:false
en: {
table: 'Insert table',
tableRows: 'Rows',
tableColumns: 'Columns',
tableVerticalAlign: 'Vertical align',
tableOthers: 'Others',
tableAddHeaderRow: 'Insert head row',
tableAddRowAbove: 'Insert row above',
tableAddRow: 'Insert row below',
tableAddColumnLeft: 'Insert column to the left',
tableAddColumn: 'Insert column to the right',
tableDeleteRow: 'Delete row',
tableDeleteColumn: 'Delete column',
tableDestroy: 'Delete table',
tableMergeCells: 'Merge cells',
tableUnmergeCells: 'Unmerge cells',
tableVerticalAlignTop: 'Align text to top',
tableVerticalAlignMiddle: 'Center text vertically',
tableVerticalAlignBottom: 'Align text to bottom',
tableCellBackgroundColor: 'Cell background color',
tableBorderColor: 'Table border color'
},
az: {
table: 'Cədvəl yerləşdir',
tableAddRow: 'Sətir əlavə et',
tableAddRowAbove: 'Yuxarı sətir əlavə et',
tableAddColumnLeft: 'Sola sütun əlavə et',
tableAddColumn: 'Sağa sütun əlavə et',
tableDeleteRow: 'Sətri sil',
tableDeleteColumn: 'Sütunu sil',
tableDestroy: 'Cədvəli sil',
},
ca: {
table: 'Inserir taula',
tableAddRow: 'Afegir fila',
tableAddRowAbove: 'Afegir fila a dalt',
tableAddColumnLeft: 'Afegir columna a l\'esquerra',
tableAddColumn: 'Afegir columna a la dreta',
tableDeleteRow: 'Esborrar fila',
tableDeleteColumn: 'Esborrar columna',
tableDestroy: 'Esborrar taula',
error: 'Error'
},
cs: {
table: 'Vytvořit příkaz Table',
tableAddRow: 'Přidat řádek',
tableAddRowAbove: 'Přidat řádek',
tableAddColumnLeft: 'Přidat sloupec',
tableAddColumn: 'Přidat sloupec',
},
da: {
table: 'Indsæt tabel',
tableAddRow: 'Tilføj række',
tableAddRowAbove: 'Tilføj række',
tableAddColumnLeft: 'Tilføj kolonne',
tableAddColumn: 'Tilføj kolonne',
tableDeleteRow: 'Slet række',
tableDeleteColumn: 'Slet kolonne',
tableDestroy: 'Slet tabel',
},
de: {
table: 'Tabelle einfügen',
tableRows: 'Zeilen',
tableColumns: 'Spalten',
tableVerticalAlign: 'Vertikal ausrichten',
tableOthers: 'Andere',
tableAddHeaderRow: 'Kopfzeile einfügen',
tableAddRowAbove: 'Zeile oberhalb einfügen',
tableAddRow: 'Zeile unterhalb einfügen',
tableAddColumnLeft: 'Spalte links einfügen',
tableAddColumn: 'Spalte rechts einfügen',
tableDeleteRow: 'Zeile löschen',
tableDeleteColumn: 'Spalte löschen',
tableDestroy: 'Tabelle löschen',
tableMergeCells: 'Zellen zusammenführen',
tableUnmergeCells: 'Zellen trennen',
tableVerticalAlignTop: 'Text nach oben ausrichten',
tableVerticalAlignMiddle: 'Text vertikal zentrieren',
tableVerticalAlignBottom: 'Text nach unten ausrichten',
tableCellBackgroundColor: 'Hintergrundfarbe der Zelle',
tableBorderColor: 'Farbe des Tabellenrahmens'
},
et: {
table: 'Sisesta tabel',
tableAddRow: 'Lisa rida',
tableAddRowAbove: 'Lisa rida üles',
tableAddColumnLeft: 'Lisa tulp vasakule',
tableAddColumn: 'Lisa tulp paremale',
tableDeleteRow: 'Kustuta rida',
tableDeleteColumn: 'Kustuta tulp',
tableDestroy: 'Kustuta tabel',
},
fr: {
table: 'Insérer un tableau',
tableRows: 'Lignes',
tableColumns: 'Colonnes',
tableVerticalAlign: 'Alignement vertical',
tableOthers: 'Autres',
tableAddHeaderRow: 'Insérer une line d\'en-tête',
tableAddRowAbove: 'Insérer une ligne au dessus',
tableAddRow: 'Insérer une ligne en dessous',
tableAddColumnLeft: 'Insérer une colonne à gauche',
tableAddColumn: 'Insérer une colonne à droite',
tableDeleteRow: 'Supprimer la ligne',
tableDeleteColumn: 'Supprimer la colonne',
tableDestroy: 'Supprimer le tableau',
tableMergeCells: 'Fusionner les cellules',
tableUnmergeCells: 'Dissocier les cellules',
tableVerticalAlignTop: 'Aligner en haut',
tableVerticalAlignMiddle: 'Aligner au milieu',
tableVerticalAlignBottom: 'Aligner en bas',
tableCellBackgroundColor: 'Couleur de fond des cellules',
tableBorderColor: 'Couleur de la bordure du tableau'
},
hu: {
table: 'Táblázat beszúrás',
tableAddRow: 'Sor hozzáadás',
tableAddRowAbove: 'Sor beszúrás fönt',
tableAddColumnLeft: 'Sor beszúrás balra',
tableAddColumn: 'Sor beszúrás jobbra',
tableDeleteRow: 'Sor törlés',
tableDeleteColumn: 'Oszlop törlés',
tableDestroy: 'Táblázat törlés',
},
id: {
table: 'Sisipkan tabel',
tableAddRow: 'Sisipkan baris',
tableAddRowAbove: 'Sisipkan baris',
tableAddColumnLeft: 'Sisipkan kolom',
tableAddColumn: 'Sisipkan kolom',
tableDeleteRow: 'Hapus baris',
tableDeleteColumn: 'Hapus kolom',
tableDestroy: 'Hapus tabel',
},
ja: {
table: '表の挿入',
tableAddRow: '行の追加',
tableAddRowAbove: '行の追加',
tableAddColumnLeft: '列の追加',
tableAddColumn: '列の追加',
},
ko: {
table: '표 넣기',
tableAddRow: '줄 추가',
tableAddRowAbove: '줄 추가',
tableAddColumnLeft: '칸 추가',
tableAddColumn: '칸 추가',
tableDeleteRow: '줄 삭제',
tableDeleteColumn: '칸 삭제',
tableDestroy: '표 지우기',
},
pt_br: {
table: 'Inserir tabela',
tableRows: 'Linhas',
tableColumns: 'Colunas',
tableVerticalAlign: 'Alinhamento',
tableOthers: 'Outros',
tableAddHeaderRow: 'Inserir cabeçalho',
tableAddRowAbove: 'Inserir linha',
tableAddRow: 'Inserir linha',
tableAddColumnLeft: 'Inserir coluna',
tableAddColumn: 'Inserir coluna',
tableDeleteRow: 'Excluir linha',
tableDeleteColumn: 'Excluir coluna',
tableDestroy: 'Excluir tabela',
tableMergeCells: 'Mesclar células',
tableUnmergeCells: 'Dividir células',
tableVerticalAlignTop: 'Alinhar acima',
tableVerticalAlignMiddle: 'Alinhar ao centro',
tableVerticalAlignBottom: 'Alinhar abaixo',
tableCellBackgroundColor: 'Cor da célula',
tableBorderColor: 'Cor da borda da tabela'
},
ru: {
table: 'Вставить таблицу',
tableAddRow: 'Добавить строку',
tableAddRowAbove: 'Добавить строку',
tableAddColumnLeft: 'Добавить столбец',
tableAddColumn: 'Добавить столбец',
tableDeleteRow: 'Удалить строку',
tableDeleteColumn: 'Удалить столбец',
tableDestroy: 'Удалить таблицу',
},
sl: {
table: 'Dodaj tabelo',
tableAddRow: 'Dodaj vrstico',
tableAddRowAbove: 'Vrini vrstico',
tableAddColumnLeft: 'Vrini stolpec',
tableAddColumn: 'Dodaj stolpec',
tableDeleteRow: 'Izbriši vrstico',
tableDeleteColumn: 'Izbriši stolpec',
tableDestroy: 'Izbriši tabelo',
},
sk: {
table: 'Vytvoriť tabuľky',
tableAddRow: 'Pridať riadok',
tableAddRowAbove: 'Pridať riadok',
tableAddColumnLeft: 'Pridať stĺpec',
tableAddColumn: 'Pridať stĺpec',
},
tr: {
table: 'Tablo ekle',
tableAddRow: 'Satır ekle',
tableAddRowAbove: 'Yukarıya satır ekle',
tableAddColumnLeft: 'Sola sütun ekle',
tableAddColumn: 'Sağa sütun ekle',
tableDeleteRow: 'Satırı sil',
tableDeleteColumn: 'Sütunu sil',
tableDestroy: 'Tabloyu sil',
},
zh_tw: {
table: '插入表格',
tableAddRow: '加入行',
tableAddRowAbove: '加入行',
tableAddColumnLeft: '加入列',
tableAddColumn: '加入列',
tableDeleteRow: '刪除行',
tableDeleteColumn: '刪除列',
tableDestroy: '刪除表格',
},
es: {
table: 'Insertar tabla',
tableAddRow: 'Agregar fila',
tableAddRowAbove: 'Agregar fila arriba',
tableAddColumnLeft: 'Agregar columna a la izquierda',
tableAddColumn: 'Agregar columna a la derecha',
tableDeleteRow: 'Borrar fila',
tableDeleteColumn: 'Borrar columna',
tableDestroy: 'Borrar tabla',
}// jshint camelcase:true
},
plugins: {
table: {
// jshint maxstatements:false
init: function (t) {
t.o.plugins.table = $.extend(true, {}, defaultOptions, t.o.plugins.table || {});
// State
var tableSelectedCells;
////////////////////////////////////////////////////
// Dropdown
var buildButtonDef = {
fn: function () {
t.saveRange();
var btnName = 'table';
var dropdownPrefix = t.o.prefix + 'dropdown',
dropdownOptions = { // the dropdown
class: dropdownPrefix + '-' + btnName + ' ' + dropdownPrefix + ' ' + t.o.prefix + 'fixed-top'
};
dropdownOptions['data-' + dropdownPrefix] = btnName;
var $dropdown = $('', dropdownOptions);
if (t.$box.find('.' + dropdownPrefix + '-' + btnName).length === 0) {
t.$box.append($dropdown.hide());
} else {
$dropdown = t.$box.find('.' + dropdownPrefix + '-' + btnName);
}
// clear dropdown
$dropdown.html('');
// when active table show AddRow / AddColumn
if (t.$box.find('.' + t.o.prefix + 'table-button').hasClass(t.o.prefix + 'active-button')) {
var $table = $(t.doc.getSelection().anchorNode).closest('table', t.$ed[0]);
var tableState = getTableState($table);
var hasSelectedCells = tableSelectedCells !== undefined;
$(t.o.plugins.table.dropdown).each(function (_, buttonGroup) {
$dropdown.append($('', {
html: t.lang[buttonGroup.title] ? t.lang[buttonGroup.title] : buttonGroup.title,
class: t.o.prefix + 'table-dropdown-title'
})).text();
var $buttonGroup = $('', {
class: t.o.prefix + 'dropdown-button-group'
});
$(buttonGroup.buttons).each(function (_, buttonName) {
// Conditional thead button
if (buttonName === 'tableAddHeaderRow') {
var hasThead = $('thead', $table).length !== 0;
if (hasThead) {
return;
}
}
// Conditional merge button
if (buttonName === 'tableMergeCells' && !hasSelectedCells) {
return;
}
// Conditional unmerge button
if (buttonName === 'tableUnmergeCells') {
var hasAtLeastOneMergedCell = false;
foreachSelectedCell(function ($cell) {
var isMergedCell = $cell.is('[colspan]') || $cell.is('[rowspan]');
hasAtLeastOneMergedCell = hasAtLeastOneMergedCell || isMergedCell;
}, tableState);
if (!hasAtLeastOneMergedCell) {
return;
}
}
$buttonGroup.append(t.buildSubBtn(buttonName));
});
$dropdown.append($buttonGroup);
});
} else {
var $tableSelect = $('
HTML5 & semantic
Fast & lightweight
Customizable
';
}
$giphyModal.empty();
}
$giphyModal.append(html);
// Remove gray overlay on image load
// moved here from inline callback definition due to CSP issue
// Note: this is being done post-factum because load event doesn't bubble up and so can't be delegated
var addLoadedClass = function (img) {
img.classList.add('tbw-loaded');
};
$('img', $giphyModal).each(function () {
var img = this;
if (img.complete) { // images load instantly when cached and esp. when loaded in previous modal open
addLoadedClass(img);
} else {
img.addEventListener('load', function () {
addLoadedClass(this);
});
}
});
$('img', $giphyModal).on('click', function () {
var src = $(this).data('selection-url'),
alt = $(this).attr('alt');
trumbowyg.restoreRange();
trumbowyg.execCmd('insertImage', src, false, true);
// relay alt tag into inserted image
if (alt) {
var $img = $('img[src="' + src + '"]:not([alt])', trumbowyg.$box);
$img.attr('alt', alt);
// Note: This seems to fire relatively early and could be wrapped in a setTimeout if needed
trumbowyg.syncCode();
}
$('img', $giphyModal).off();
trumbowyg.closeModal();
});
}
// see: https://developers.giphy.com/explorer/
var defaultOptions = {
rating: 'g',
apiKey: null,
throttleDelay: 300,
limit: 50,
noResultGifUrl: 'https://media.giphy.com/media/2Faz9FbRzmwxY0pZS/giphy.gif'
};
const GIPHY_OPTIONS = {
bundle: 'low_bandwidth',
pickerRendition: 'fixed_width_small', // see: https://developers.giphy.com/docs/optional-settings/#renditions-on-demand
pickerRenditionUrlAttribute: 'webp', // can be 'url' or 'mp4' or 'webp'
selectionRendition: 'original',
selectionRenditionUrlAttribute: 'url'
};
// Add dropdown with font sizes
$.extend(true, $.trumbowyg, {
plugins: {
giphy: {
init: function (trumbowyg) {
trumbowyg.o.plugins.giphy = $.extend({},
defaultOptions,
trumbowyg.o.plugins.giphy || {}
);
trumbowyg.addBtnDef('giphy', {
fn: function () {
if (trumbowyg.o.plugins.giphy.apiKey === null) {
throw new Error('You must set a Giphy API Key');
}
var BASE_URL = [
'https://api.giphy.com/v1/gifs/search?api_key=',
trumbowyg.o.plugins.giphy.apiKey,
'&rating=',
trumbowyg.o.plugins.giphy.rating,
'&limit=',
trumbowyg.o.plugins.giphy.limit,
'&bundle=',
GIPHY_OPTIONS.bundle,
].join('');
const DEFAULT_URL = BASE_URL.replace('/search', '/trending');
var prefix = trumbowyg.o.prefix;
var abortController = new AbortController();
// Create and open the modal
var searchInput = '',
closeButton = '',
poweredByGiphy = '
';
}
$tenorModal.empty();
}
$tenorModal.append(html);
if (!nextCursor || nextCursor.length === 0) {
$tenorLoading.hide();
} else {
$tenorLoading.show();
}
// Remove gray overlay on image load
// moved here from inline callback definition due to CSP issue
// Note: this is being done post-factum because load event doesn't bubble up and so can't be delegated
var addLoadedClass = function (img) {
img.classList.add('tbw-loaded');
};
$('img', $tenorModal).each(function () {
var img = this;
if (img.complete) { // images load instantly when cached and esp. when loaded in previous modal open
addLoadedClass(img);
return;
}
img.addEventListener('load', function () {
addLoadedClass(this);
});
});
$tenorModal.data('columnHeights', columnHeights);
var maxHeight = Math.max(...columnHeights);
$tenorModal.css({
position: 'relative',
height: maxHeight,
});
}
var defaultOptions = {
apiKey: null,
locale: 'en_US',
contentFilter: 'off',
throttleDelay: 300,
noResultGifUrl: 'https://media1.tenor.com/m/KOZLvzU0o4kAAAAC/no-results.gif'
};
// Add dropdown with font sizes
$.extend(true, $.trumbowyg, {
plugins: {
tenor: {
init: function (trumbowyg) {
trumbowyg.o.plugins.tenor = $.extend({},
defaultOptions,
trumbowyg.o.plugins.tenor || {}
);
trumbowyg.addBtnDef('tenor', {
fn: function () {
if (trumbowyg.o.plugins.tenor.apiKey === null) {
throw new Error('You must set a Tenor API Key');
}
var BASE_URL = 'https://g.tenor.com/v2/search?ar_range=all&media_filter=gif,tinygif&limit=10&key=' +
trumbowyg.o.plugins.tenor.apiKey +
'&locale=' + trumbowyg.o.plugins.tenor.locale +
'&contentfilter=' + trumbowyg.o.plugins.tenor.contentFilter;
var DEFAULT_URL = BASE_URL.replace('/search', '/featured');
var prefix = trumbowyg.o.prefix;
var abortController = new AbortController();
// Create and open the modal
var searchInput = '',
closeButton = '',
poweredByTenor = '
Loading more gifs...
