에디터 변경
This commit is contained in:
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -0,0 +1,155 @@
|
|||||||
|
(function($) {
|
||||||
|
$.extend($.summernote.lang, {
|
||||||
|
'ko-KR': {
|
||||||
|
font: {
|
||||||
|
bold: '굵게',
|
||||||
|
italic: '기울임꼴',
|
||||||
|
underline: '밑줄',
|
||||||
|
clear: '글자 효과 없애기',
|
||||||
|
height: '줄간격',
|
||||||
|
name: '글꼴',
|
||||||
|
superscript: '위 첨자',
|
||||||
|
subscript: '아래 첨자',
|
||||||
|
strikethrough: '취소선',
|
||||||
|
size: '글자 크기'
|
||||||
|
},
|
||||||
|
image: {
|
||||||
|
image: '사진',
|
||||||
|
insert: '사진 추가',
|
||||||
|
resizeFull: '100% 크기로 변경',
|
||||||
|
resizeHalf: '50% 크기로 변경',
|
||||||
|
resizeQuarter: '25% 크기로 변경',
|
||||||
|
floatLeft: '왼쪽 정렬',
|
||||||
|
floatRight: '오른쪽 정렬',
|
||||||
|
floatNone: '정렬하지 않음',
|
||||||
|
shapeRounded: '스타일: 둥근 모서리',
|
||||||
|
shapeCircle: '스타일: 원형',
|
||||||
|
shapeThumbnail: '스타일: 액자',
|
||||||
|
shapeNone: '스타일: 없음',
|
||||||
|
dragImageHere: '텍스트 혹은 사진을 이곳으로 끌어오세요',
|
||||||
|
dropImage: '텍스트 혹은 사진을 내려놓으세요',
|
||||||
|
selectFromFiles: '파일 선택',
|
||||||
|
maximumFileSize: 'Maximum file size',
|
||||||
|
maximumFileSizeError: 'Maximum file size exceeded.',
|
||||||
|
url: '사진 URL',
|
||||||
|
remove: '사진 삭제',
|
||||||
|
original: 'Original'
|
||||||
|
},
|
||||||
|
video: {
|
||||||
|
video: '동영상',
|
||||||
|
videoLink: '동영상 링크',
|
||||||
|
insert: '동영상 추가',
|
||||||
|
url: '동영상 URL',
|
||||||
|
providers: '(YouTube, Vimeo, Vine, Instagram, DailyMotion, Youku 사용 가능)'
|
||||||
|
},
|
||||||
|
link: {
|
||||||
|
link: '링크',
|
||||||
|
insert: '링크 추가',
|
||||||
|
unlink: '링크 삭제',
|
||||||
|
edit: '수정',
|
||||||
|
textToDisplay: '링크에 표시할 내용',
|
||||||
|
url: '이동할 URL',
|
||||||
|
openInNewWindow: '새창으로 열기'
|
||||||
|
},
|
||||||
|
table: {
|
||||||
|
table: '테이블',
|
||||||
|
addRowAbove: 'Add row above',
|
||||||
|
addRowBelow: 'Add row below',
|
||||||
|
addColLeft: 'Add column left',
|
||||||
|
addColRight: 'Add column right',
|
||||||
|
delRow: 'Delete row',
|
||||||
|
delCol: 'Delete column',
|
||||||
|
delTable: 'Delete table'
|
||||||
|
},
|
||||||
|
hr: {
|
||||||
|
insert: '구분선 추가'
|
||||||
|
},
|
||||||
|
style: {
|
||||||
|
style: '스타일',
|
||||||
|
p: '본문',
|
||||||
|
blockquote: '인용구',
|
||||||
|
pre: '코드',
|
||||||
|
h1: '제목 1',
|
||||||
|
h2: '제목 2',
|
||||||
|
h3: '제목 3',
|
||||||
|
h4: '제목 4',
|
||||||
|
h5: '제목 5',
|
||||||
|
h6: '제목 6'
|
||||||
|
},
|
||||||
|
lists: {
|
||||||
|
unordered: '글머리 기호',
|
||||||
|
ordered: '번호 매기기'
|
||||||
|
},
|
||||||
|
options: {
|
||||||
|
help: '도움말',
|
||||||
|
fullscreen: '전체 화면',
|
||||||
|
codeview: '코드 보기'
|
||||||
|
},
|
||||||
|
paragraph: {
|
||||||
|
paragraph: '문단 정렬',
|
||||||
|
outdent: '내어쓰기',
|
||||||
|
indent: '들여쓰기',
|
||||||
|
left: '왼쪽 정렬',
|
||||||
|
center: '가운데 정렬',
|
||||||
|
right: '오른쪽 정렬',
|
||||||
|
justify: '양쪽 정렬'
|
||||||
|
},
|
||||||
|
color: {
|
||||||
|
recent: '마지막으로 사용한 색',
|
||||||
|
more: '다른 색 선택',
|
||||||
|
background: '배경색',
|
||||||
|
foreground: '글자색',
|
||||||
|
transparent: '투명',
|
||||||
|
setTransparent: '투명',
|
||||||
|
reset: '취소',
|
||||||
|
resetToDefault: '기본 값으로 변경'
|
||||||
|
},
|
||||||
|
shortcut: {
|
||||||
|
shortcuts: '키보드 단축키',
|
||||||
|
close: '닫기',
|
||||||
|
textFormatting: '글자 스타일 적용',
|
||||||
|
action: '기능',
|
||||||
|
paragraphFormatting: '문단 스타일 적용',
|
||||||
|
documentStyle: '문서 스타일 적용',
|
||||||
|
extraKeys: 'Extra keys'
|
||||||
|
},
|
||||||
|
help: {
|
||||||
|
'insertParagraph': 'Insert Paragraph',
|
||||||
|
'undo': 'Undoes the last command',
|
||||||
|
'redo': 'Redoes the last command',
|
||||||
|
'tab': 'Tab',
|
||||||
|
'untab': 'Untab',
|
||||||
|
'bold': 'Set a bold style',
|
||||||
|
'italic': 'Set a italic style',
|
||||||
|
'underline': 'Set a underline style',
|
||||||
|
'strikethrough': 'Set a strikethrough style',
|
||||||
|
'removeFormat': 'Clean a style',
|
||||||
|
'justifyLeft': 'Set left align',
|
||||||
|
'justifyCenter': 'Set center align',
|
||||||
|
'justifyRight': 'Set right align',
|
||||||
|
'justifyFull': 'Set full align',
|
||||||
|
'insertUnorderedList': 'Toggle unordered list',
|
||||||
|
'insertOrderedList': 'Toggle ordered list',
|
||||||
|
'outdent': 'Outdent on current paragraph',
|
||||||
|
'indent': 'Indent on current paragraph',
|
||||||
|
'formatPara': 'Change current block\'s format as a paragraph(P tag)',
|
||||||
|
'formatH1': 'Change current block\'s format as H1',
|
||||||
|
'formatH2': 'Change current block\'s format as H2',
|
||||||
|
'formatH3': 'Change current block\'s format as H3',
|
||||||
|
'formatH4': 'Change current block\'s format as H4',
|
||||||
|
'formatH5': 'Change current block\'s format as H5',
|
||||||
|
'formatH6': 'Change current block\'s format as H6',
|
||||||
|
'insertHorizontalRule': 'Insert horizontal rule',
|
||||||
|
'linkDialog.show': 'Show Link Dialog'
|
||||||
|
},
|
||||||
|
history: {
|
||||||
|
undo: '실행 취소',
|
||||||
|
redo: '다시 실행'
|
||||||
|
},
|
||||||
|
specialChar: {
|
||||||
|
specialChar: '특수문자',
|
||||||
|
select: '특수문자를 선택하세요'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
})(jQuery);
|
||||||
@@ -0,0 +1,16 @@
|
|||||||
|
.ext-databasic {
|
||||||
|
position: relative;
|
||||||
|
display: block;
|
||||||
|
min-height: 50px;
|
||||||
|
background-color: cyan;
|
||||||
|
text-align: center;
|
||||||
|
padding: 20px;
|
||||||
|
border: 1px solid white;
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ext-databasic p {
|
||||||
|
color: white;
|
||||||
|
font-size: 1.2em;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
@@ -0,0 +1,292 @@
|
|||||||
|
(function(factory) {
|
||||||
|
/* global define */
|
||||||
|
if (typeof define === 'function' && define.amd) {
|
||||||
|
// AMD. Register as an anonymous module.
|
||||||
|
define(['jquery'], factory);
|
||||||
|
} else if (typeof module === 'object' && module.exports) {
|
||||||
|
// Node/CommonJS
|
||||||
|
module.exports = factory(require('jquery'));
|
||||||
|
} else {
|
||||||
|
// Browser globals
|
||||||
|
factory(window.jQuery);
|
||||||
|
}
|
||||||
|
}(function($) {
|
||||||
|
// pull in some summernote core functions
|
||||||
|
var ui = $.summernote.ui;
|
||||||
|
var dom = $.summernote.dom;
|
||||||
|
|
||||||
|
// define the popover plugin
|
||||||
|
var DataBasicPlugin = function(context) {
|
||||||
|
var self = this;
|
||||||
|
var options = context.options;
|
||||||
|
var lang = options.langInfo;
|
||||||
|
|
||||||
|
self.icon = '<i class="fa fa-object-group"/>';
|
||||||
|
|
||||||
|
// add context menu button for dialog
|
||||||
|
context.memo('button.databasic', function() {
|
||||||
|
return ui.button({
|
||||||
|
contents: self.icon,
|
||||||
|
tooltip: lang.databasic.insert,
|
||||||
|
click: context.createInvokeHandler('databasic.showDialog')
|
||||||
|
}).render();
|
||||||
|
});
|
||||||
|
|
||||||
|
// add popover edit button
|
||||||
|
context.memo('button.databasicDialog', function() {
|
||||||
|
return ui.button({
|
||||||
|
contents: self.icon,
|
||||||
|
tooltip: lang.databasic.edit,
|
||||||
|
click: context.createInvokeHandler('databasic.showDialog')
|
||||||
|
}).render();
|
||||||
|
});
|
||||||
|
|
||||||
|
// add popover size buttons
|
||||||
|
context.memo('button.databasicSize100', function() {
|
||||||
|
return ui.button({
|
||||||
|
contents: '<span class="note-fontsize-10">100%</span>',
|
||||||
|
tooltip: lang.image.resizeFull,
|
||||||
|
click: context.createInvokeHandler('editor.resize', '1')
|
||||||
|
}).render();
|
||||||
|
});
|
||||||
|
context.memo('button.databasicSize50', function() {
|
||||||
|
return ui.button({
|
||||||
|
contents: '<span class="note-fontsize-10">50%</span>',
|
||||||
|
tooltip: lang.image.resizeHalf,
|
||||||
|
click: context.createInvokeHandler('editor.resize', '0.5')
|
||||||
|
}).render();
|
||||||
|
});
|
||||||
|
context.memo('button.databasicSize25', function() {
|
||||||
|
return ui.button({
|
||||||
|
contents: '<span class="note-fontsize-10">25%</span>',
|
||||||
|
tooltip: lang.image.resizeQuarter,
|
||||||
|
click: context.createInvokeHandler('editor.resize', '0.25')
|
||||||
|
}).render();
|
||||||
|
});
|
||||||
|
|
||||||
|
self.events = {
|
||||||
|
'summernote.init': function(we, e) {
|
||||||
|
// update existing containers
|
||||||
|
$('data.ext-databasic', e.editable).each(function() { self.setContent($(this)); });
|
||||||
|
// TODO: make this an undo snapshot...
|
||||||
|
},
|
||||||
|
'summernote.keyup summernote.mouseup summernote.change summernote.scroll': function() {
|
||||||
|
self.update();
|
||||||
|
},
|
||||||
|
'summernote.dialog.shown': function() {
|
||||||
|
self.hidePopover();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
self.initialize = function() {
|
||||||
|
// create dialog markup
|
||||||
|
var $container = options.dialogsInBody ? $(document.body) : context.layoutInfo.editor;
|
||||||
|
|
||||||
|
var body = '<div class="form-group row-fluid">' +
|
||||||
|
'<label>' + lang.databasic.testLabel + '</label>' +
|
||||||
|
'<input class="ext-databasic-test form-control" type="text" />' +
|
||||||
|
'</div>';
|
||||||
|
var footer = '<button href="#" class="btn btn-primary ext-databasic-save">' + lang.databasic.insert + '</button>';
|
||||||
|
|
||||||
|
self.$dialog = ui.dialog({
|
||||||
|
title: lang.databasic.name,
|
||||||
|
fade: options.dialogsFade,
|
||||||
|
body: body,
|
||||||
|
footer: footer
|
||||||
|
}).render().appendTo($container);
|
||||||
|
|
||||||
|
// create popover
|
||||||
|
self.$popover = ui.popover({
|
||||||
|
className: 'ext-databasic-popover'
|
||||||
|
}).render().appendTo('body');
|
||||||
|
var $content = self.$popover.find('.popover-content');
|
||||||
|
|
||||||
|
context.invoke('buttons.build', $content, options.popover.databasic);
|
||||||
|
};
|
||||||
|
|
||||||
|
self.destroy = function() {
|
||||||
|
self.$popover.remove();
|
||||||
|
self.$popover = null;
|
||||||
|
self.$dialog.remove();
|
||||||
|
self.$dialog = null;
|
||||||
|
};
|
||||||
|
|
||||||
|
self.update = function() {
|
||||||
|
// Prevent focusing on editable when invoke('code') is executed
|
||||||
|
if (!context.invoke('editor.hasFocus')) {
|
||||||
|
self.hidePopover();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
var rng = context.invoke('editor.createRange');
|
||||||
|
var visible = false;
|
||||||
|
|
||||||
|
if (rng.isOnData()) {
|
||||||
|
var $data = $(rng.sc).closest('data.ext-databasic');
|
||||||
|
|
||||||
|
if ($data.length) {
|
||||||
|
var pos = dom.posFromPlaceholder($data[0]);
|
||||||
|
|
||||||
|
self.$popover.css({
|
||||||
|
display: 'block',
|
||||||
|
left: pos.left,
|
||||||
|
top: pos.top
|
||||||
|
});
|
||||||
|
|
||||||
|
// save editor target to let size buttons resize the container
|
||||||
|
context.invoke('editor.saveTarget', $data[0]);
|
||||||
|
|
||||||
|
visible = true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// hide if not visible
|
||||||
|
if (!visible) {
|
||||||
|
self.hidePopover();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
self.hidePopover = function() {
|
||||||
|
self.$popover.hide();
|
||||||
|
};
|
||||||
|
|
||||||
|
// define plugin dialog
|
||||||
|
self.getInfo = function() {
|
||||||
|
var rng = context.invoke('editor.createRange');
|
||||||
|
|
||||||
|
if (rng.isOnData()) {
|
||||||
|
var $data = $(rng.sc).closest('data.ext-databasic');
|
||||||
|
|
||||||
|
if ($data.length) {
|
||||||
|
// Get the first node on range(for edit).
|
||||||
|
return {
|
||||||
|
node: $data,
|
||||||
|
test: $data.attr('data-test')
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return {};
|
||||||
|
};
|
||||||
|
|
||||||
|
self.setContent = function($node) {
|
||||||
|
$node.html('<p contenteditable="false">' + self.icon + ' ' + lang.databasic.name + ': ' +
|
||||||
|
$node.attr('data-test') + '</p>');
|
||||||
|
};
|
||||||
|
|
||||||
|
self.updateNode = function(info) {
|
||||||
|
self.setContent(info.node
|
||||||
|
.attr('data-test', info.test));
|
||||||
|
};
|
||||||
|
|
||||||
|
self.createNode = function(info) {
|
||||||
|
var $node = $('<data class="ext-databasic"></data>');
|
||||||
|
|
||||||
|
if ($node) {
|
||||||
|
// save node to info structure
|
||||||
|
info.node = $node;
|
||||||
|
// insert node into editor dom
|
||||||
|
context.invoke('editor.insertNode', $node[0]);
|
||||||
|
}
|
||||||
|
|
||||||
|
return $node;
|
||||||
|
};
|
||||||
|
|
||||||
|
self.showDialog = function() {
|
||||||
|
var info = self.getInfo();
|
||||||
|
var newNode = !info.node;
|
||||||
|
context.invoke('editor.saveRange');
|
||||||
|
|
||||||
|
self
|
||||||
|
.openDialog(info)
|
||||||
|
.then(function(dialogInfo) {
|
||||||
|
// [workaround] hide dialog before restore range for IE range focus
|
||||||
|
ui.hideDialog(self.$dialog);
|
||||||
|
context.invoke('editor.restoreRange');
|
||||||
|
|
||||||
|
// insert a new node
|
||||||
|
if (newNode) {
|
||||||
|
self.createNode(info);
|
||||||
|
}
|
||||||
|
|
||||||
|
// update info with dialog info
|
||||||
|
$.extend(info, dialogInfo);
|
||||||
|
|
||||||
|
self.updateNode(info);
|
||||||
|
})
|
||||||
|
.fail(function() {
|
||||||
|
context.invoke('editor.restoreRange');
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
self.openDialog = function(info) {
|
||||||
|
return $.Deferred(function(deferred) {
|
||||||
|
var $inpTest = self.$dialog.find('.ext-databasic-test');
|
||||||
|
var $saveBtn = self.$dialog.find('.ext-databasic-save');
|
||||||
|
var onKeyup = function(event) {
|
||||||
|
if (event.keyCode === 13) {
|
||||||
|
$saveBtn.trigger('click');
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
ui.onDialogShown(self.$dialog, function() {
|
||||||
|
context.triggerEvent('dialog.shown');
|
||||||
|
|
||||||
|
$inpTest.val(info.test).on('input', function() {
|
||||||
|
ui.toggleBtn($saveBtn, $inpTest.val());
|
||||||
|
}).trigger('focus').on('keyup', onKeyup);
|
||||||
|
|
||||||
|
$saveBtn
|
||||||
|
.text(info.node ? lang.databasic.edit : lang.databasic.insert)
|
||||||
|
.click(function(event) {
|
||||||
|
event.preventDefault();
|
||||||
|
|
||||||
|
deferred.resolve({ test: $inpTest.val() });
|
||||||
|
});
|
||||||
|
|
||||||
|
// init save button
|
||||||
|
ui.toggleBtn($saveBtn, $inpTest.val());
|
||||||
|
});
|
||||||
|
|
||||||
|
ui.onDialogHidden(self.$dialog, function() {
|
||||||
|
$inpTest.off('input keyup');
|
||||||
|
$saveBtn.off('click');
|
||||||
|
|
||||||
|
if (deferred.state() === 'pending') {
|
||||||
|
deferred.reject();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
ui.showDialog(self.$dialog);
|
||||||
|
});
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
// Extends summernote
|
||||||
|
$.extend(true, $.summernote, {
|
||||||
|
plugins: {
|
||||||
|
databasic: DataBasicPlugin
|
||||||
|
},
|
||||||
|
|
||||||
|
options: {
|
||||||
|
popover: {
|
||||||
|
databasic: [
|
||||||
|
['databasic', ['databasicDialog', 'databasicSize100', 'databasicSize50', 'databasicSize25']]
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
// add localization texts
|
||||||
|
lang: {
|
||||||
|
'en-US': {
|
||||||
|
databasic: {
|
||||||
|
name: 'Basic Data Container',
|
||||||
|
insert: 'insert basic data container',
|
||||||
|
edit: 'edit basic data container',
|
||||||
|
testLabel: 'test input'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
});
|
||||||
|
}));
|
||||||
@@ -0,0 +1,81 @@
|
|||||||
|
(function(factory) {
|
||||||
|
/* global define */
|
||||||
|
if (typeof define === 'function' && define.amd) {
|
||||||
|
// AMD. Register as an anonymous module.
|
||||||
|
define(['jquery'], factory);
|
||||||
|
} else if (typeof module === 'object' && module.exports) {
|
||||||
|
// Node/CommonJS
|
||||||
|
module.exports = factory(require('jquery'));
|
||||||
|
} else {
|
||||||
|
// Browser globals
|
||||||
|
factory(window.jQuery);
|
||||||
|
}
|
||||||
|
}(function($) {
|
||||||
|
// Extends plugins for adding hello.
|
||||||
|
// - plugin is external module for customizing.
|
||||||
|
$.extend($.summernote.plugins, {
|
||||||
|
/**
|
||||||
|
* @param {Object} context - context object has status of editor.
|
||||||
|
*/
|
||||||
|
'hello': function(context) {
|
||||||
|
var self = this;
|
||||||
|
|
||||||
|
// ui has renders to build ui elements.
|
||||||
|
// - you can create a button with `ui.button`
|
||||||
|
var ui = $.summernote.ui;
|
||||||
|
|
||||||
|
// add hello button
|
||||||
|
context.memo('button.hello', function() {
|
||||||
|
// create button
|
||||||
|
var button = ui.button({
|
||||||
|
contents: '<i class="fa fa-child"/> Hello',
|
||||||
|
tooltip: 'hello',
|
||||||
|
click: function() {
|
||||||
|
self.$panel.show();
|
||||||
|
self.$panel.hide(500);
|
||||||
|
// invoke insertText method with 'hello' on editor module.
|
||||||
|
context.invoke('editor.insertText', 'hello');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// create jQuery object from button instance.
|
||||||
|
var $hello = button.render();
|
||||||
|
return $hello;
|
||||||
|
});
|
||||||
|
|
||||||
|
// This events will be attached when editor is initialized.
|
||||||
|
this.events = {
|
||||||
|
// This will be called after modules are initialized.
|
||||||
|
'summernote.init': function(we, e) {
|
||||||
|
console.log('summernote initialized', we, e);
|
||||||
|
},
|
||||||
|
// This will be called when user releases a key on editable.
|
||||||
|
'summernote.keyup': function(we, e) {
|
||||||
|
console.log('summernote keyup', we, e);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// This method will be called when editor is initialized by $('..').summernote();
|
||||||
|
// You can create elements for plugin
|
||||||
|
this.initialize = function() {
|
||||||
|
this.$panel = $('<div class="hello-panel"/>').css({
|
||||||
|
position: 'absolute',
|
||||||
|
width: 100,
|
||||||
|
height: 100,
|
||||||
|
left: '50%',
|
||||||
|
top: '50%',
|
||||||
|
background: 'red'
|
||||||
|
}).hide();
|
||||||
|
|
||||||
|
this.$panel.appendTo('body');
|
||||||
|
};
|
||||||
|
|
||||||
|
// This methods will be called when editor is destroyed by $('..').summernote('destroy');
|
||||||
|
// You should remove elements on `initialize`.
|
||||||
|
this.destroy = function() {
|
||||||
|
this.$panel.remove();
|
||||||
|
this.$panel = null;
|
||||||
|
};
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}));
|
||||||
@@ -0,0 +1,312 @@
|
|||||||
|
(function(factory) {
|
||||||
|
/* global define */
|
||||||
|
if (typeof define === 'function' && define.amd) {
|
||||||
|
// AMD. Register as an anonymous module.
|
||||||
|
define(['jquery'], factory);
|
||||||
|
} else if (typeof module === 'object' && module.exports) {
|
||||||
|
// Node/CommonJS
|
||||||
|
module.exports = factory(require('jquery'));
|
||||||
|
} else {
|
||||||
|
// Browser globals
|
||||||
|
factory(window.jQuery);
|
||||||
|
}
|
||||||
|
}(function($) {
|
||||||
|
$.extend($.summernote.plugins, {
|
||||||
|
'specialchars': function(context) {
|
||||||
|
var self = this;
|
||||||
|
var ui = $.summernote.ui;
|
||||||
|
|
||||||
|
var $editor = context.layoutInfo.editor;
|
||||||
|
var options = context.options;
|
||||||
|
var lang = options.langInfo;
|
||||||
|
|
||||||
|
var KEY = {
|
||||||
|
UP: 38,
|
||||||
|
DOWN: 40,
|
||||||
|
LEFT: 37,
|
||||||
|
RIGHT: 39,
|
||||||
|
ENTER: 13
|
||||||
|
};
|
||||||
|
var COLUMN_LENGTH = 15;
|
||||||
|
var COLUMN_WIDTH = 35;
|
||||||
|
|
||||||
|
var currentColumn = 0;
|
||||||
|
var currentRow = 0;
|
||||||
|
var totalColumn = 0;
|
||||||
|
var totalRow = 0;
|
||||||
|
|
||||||
|
// special characters data set
|
||||||
|
var specialCharDataSet = [
|
||||||
|
'"', '&', '<', '>', '¡', '¢',
|
||||||
|
'£', '¤', '¥', '¦', '§',
|
||||||
|
'¨', '©', 'ª', '«', '¬',
|
||||||
|
'®', '¯', '°', '±', '²',
|
||||||
|
'³', '´', 'µ', '¶', '·',
|
||||||
|
'¸', '¹', 'º', '»', '¼',
|
||||||
|
'½', '¾', '¿', '×', '÷',
|
||||||
|
'ƒ', 'ˆ', '˜', '–', '—',
|
||||||
|
'‘', '’', '‚', '“', '”',
|
||||||
|
'„', '†', '‡', '•', '…',
|
||||||
|
'‰', '′', '″', '‹', '›',
|
||||||
|
'‾', '⁄', '€', 'ℑ', '℘',
|
||||||
|
'ℜ', '™', 'ℵ', '←', '↑',
|
||||||
|
'→', '↓', '↔', '↵', '⇐',
|
||||||
|
'⇑', '⇒', '⇓', '⇔', '∀',
|
||||||
|
'∂', '∃', '∅', '∇', '∈',
|
||||||
|
'∉', '∋', '∏', '∑', '−',
|
||||||
|
'∗', '√', '∝', '∞', '∠',
|
||||||
|
'∧', '∨', '∩', '∪', '∫',
|
||||||
|
'∴', '∼', '≅', '≈', '≠',
|
||||||
|
'≡', '≤', '≥', '⊂', '⊃',
|
||||||
|
'⊄', '⊆', '⊇', '⊕', '⊗',
|
||||||
|
'⊥', '⋅', '⌈', '⌉', '⌊',
|
||||||
|
'⌋', '◊', '♠', '♣', '♥',
|
||||||
|
'♦'
|
||||||
|
];
|
||||||
|
|
||||||
|
context.memo('button.specialchars', function() {
|
||||||
|
return ui.button({
|
||||||
|
contents: '<i class="fa fa-font fa-flip-vertical">',
|
||||||
|
tooltip: lang.specialChar.specialChar,
|
||||||
|
click: function() {
|
||||||
|
self.show();
|
||||||
|
}
|
||||||
|
}).render();
|
||||||
|
});
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Make Special Characters Table
|
||||||
|
*
|
||||||
|
* @member plugin.specialChar
|
||||||
|
* @private
|
||||||
|
* @return {jQuery}
|
||||||
|
*/
|
||||||
|
this.makeSpecialCharSetTable = function() {
|
||||||
|
var $table = $('<table/>');
|
||||||
|
$.each(specialCharDataSet, function(idx, text) {
|
||||||
|
var $td = $('<td/>').addClass('note-specialchar-node');
|
||||||
|
var $tr = (idx % COLUMN_LENGTH === 0) ? $('<tr/>') : $table.find('tr').last();
|
||||||
|
|
||||||
|
var $button = ui.button({
|
||||||
|
callback: function($node) {
|
||||||
|
$node.html(text);
|
||||||
|
$node.attr('title', text);
|
||||||
|
$node.attr('data-value', encodeURIComponent(text));
|
||||||
|
$node.css({
|
||||||
|
width: COLUMN_WIDTH,
|
||||||
|
'margin-right': '2px',
|
||||||
|
'margin-bottom': '2px'
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}).render();
|
||||||
|
|
||||||
|
$td.append($button);
|
||||||
|
|
||||||
|
$tr.append($td);
|
||||||
|
if (idx % COLUMN_LENGTH === 0) {
|
||||||
|
$table.append($tr);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
totalRow = $table.find('tr').length;
|
||||||
|
totalColumn = COLUMN_LENGTH;
|
||||||
|
|
||||||
|
return $table;
|
||||||
|
};
|
||||||
|
|
||||||
|
this.initialize = function() {
|
||||||
|
var $container = options.dialogsInBody ? $(document.body) : $editor;
|
||||||
|
|
||||||
|
var body = '<div class="form-group row-fluid">' + this.makeSpecialCharSetTable()[0].outerHTML + '</div>';
|
||||||
|
|
||||||
|
this.$dialog = ui.dialog({
|
||||||
|
title: lang.specialChar.select,
|
||||||
|
body: body
|
||||||
|
}).render().appendTo($container);
|
||||||
|
};
|
||||||
|
|
||||||
|
this.show = function() {
|
||||||
|
var text = context.invoke('editor.getSelectedText');
|
||||||
|
context.invoke('editor.saveRange');
|
||||||
|
this.showSpecialCharDialog(text).then(function(selectChar) {
|
||||||
|
context.invoke('editor.restoreRange');
|
||||||
|
|
||||||
|
// build node
|
||||||
|
var $node = $('<span></span>').html(selectChar)[0];
|
||||||
|
|
||||||
|
if ($node) {
|
||||||
|
// insert video node
|
||||||
|
context.invoke('editor.insertNode', $node);
|
||||||
|
}
|
||||||
|
}).fail(function() {
|
||||||
|
context.invoke('editor.restoreRange');
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* show image dialog
|
||||||
|
*
|
||||||
|
* @param {jQuery} $dialog
|
||||||
|
* @return {Promise}
|
||||||
|
*/
|
||||||
|
this.showSpecialCharDialog = function(text) {
|
||||||
|
return $.Deferred(function(deferred) {
|
||||||
|
var $specialCharDialog = self.$dialog;
|
||||||
|
var $specialCharNode = $specialCharDialog.find('.note-specialchar-node');
|
||||||
|
var $selectedNode = null;
|
||||||
|
var ARROW_KEYS = [KEY.UP, KEY.DOWN, KEY.LEFT, KEY.RIGHT];
|
||||||
|
var ENTER_KEY = KEY.ENTER;
|
||||||
|
|
||||||
|
function addActiveClass($target) {
|
||||||
|
if (!$target) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
$target.find('button').addClass('active');
|
||||||
|
$selectedNode = $target;
|
||||||
|
}
|
||||||
|
|
||||||
|
function removeActiveClass($target) {
|
||||||
|
$target.find('button').removeClass('active');
|
||||||
|
$selectedNode = null;
|
||||||
|
}
|
||||||
|
|
||||||
|
// find next node
|
||||||
|
function findNextNode(row, column) {
|
||||||
|
var findNode = null;
|
||||||
|
$.each($specialCharNode, function(idx, $node) {
|
||||||
|
var findRow = Math.ceil((idx + 1) / COLUMN_LENGTH);
|
||||||
|
var findColumn = ((idx + 1) % COLUMN_LENGTH === 0) ? COLUMN_LENGTH : (idx + 1) % COLUMN_LENGTH;
|
||||||
|
if (findRow === row && findColumn === column) {
|
||||||
|
findNode = $node;
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
return $(findNode);
|
||||||
|
}
|
||||||
|
|
||||||
|
function arrowKeyHandler(keyCode) {
|
||||||
|
// left, right, up, down key
|
||||||
|
var $nextNode;
|
||||||
|
var lastRowColumnLength = $specialCharNode.length % totalColumn;
|
||||||
|
|
||||||
|
if (KEY.LEFT === keyCode) {
|
||||||
|
if (currentColumn > 1) {
|
||||||
|
currentColumn = currentColumn - 1;
|
||||||
|
} else if (currentRow === 1 && currentColumn === 1) {
|
||||||
|
currentColumn = lastRowColumnLength;
|
||||||
|
currentRow = totalRow;
|
||||||
|
} else {
|
||||||
|
currentColumn = totalColumn;
|
||||||
|
currentRow = currentRow - 1;
|
||||||
|
}
|
||||||
|
} else if (KEY.RIGHT === keyCode) {
|
||||||
|
if (currentRow === totalRow && lastRowColumnLength === currentColumn) {
|
||||||
|
currentColumn = 1;
|
||||||
|
currentRow = 1;
|
||||||
|
} else if (currentColumn < totalColumn) {
|
||||||
|
currentColumn = currentColumn + 1;
|
||||||
|
} else {
|
||||||
|
currentColumn = 1;
|
||||||
|
currentRow = currentRow + 1;
|
||||||
|
}
|
||||||
|
} else if (KEY.UP === keyCode) {
|
||||||
|
if (currentRow === 1 && lastRowColumnLength < currentColumn) {
|
||||||
|
currentRow = totalRow - 1;
|
||||||
|
} else {
|
||||||
|
currentRow = currentRow - 1;
|
||||||
|
}
|
||||||
|
} else if (KEY.DOWN === keyCode) {
|
||||||
|
currentRow = currentRow + 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (currentRow === totalRow && currentColumn > lastRowColumnLength) {
|
||||||
|
currentRow = 1;
|
||||||
|
} else if (currentRow > totalRow) {
|
||||||
|
currentRow = 1;
|
||||||
|
} else if (currentRow < 1) {
|
||||||
|
currentRow = totalRow;
|
||||||
|
}
|
||||||
|
|
||||||
|
$nextNode = findNextNode(currentRow, currentColumn);
|
||||||
|
|
||||||
|
if ($nextNode) {
|
||||||
|
removeActiveClass($selectedNode);
|
||||||
|
addActiveClass($nextNode);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function enterKeyHandler() {
|
||||||
|
if (!$selectedNode) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
deferred.resolve(decodeURIComponent($selectedNode.find('button').attr('data-value')));
|
||||||
|
$specialCharDialog.modal('hide');
|
||||||
|
}
|
||||||
|
|
||||||
|
function keyDownEventHandler(event) {
|
||||||
|
event.preventDefault();
|
||||||
|
var keyCode = event.keyCode;
|
||||||
|
if (keyCode === undefined || keyCode === null) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
// check arrowKeys match
|
||||||
|
if (ARROW_KEYS.indexOf(keyCode) > -1) {
|
||||||
|
if ($selectedNode === null) {
|
||||||
|
addActiveClass($specialCharNode.eq(0));
|
||||||
|
currentColumn = 1;
|
||||||
|
currentRow = 1;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
arrowKeyHandler(keyCode);
|
||||||
|
} else if (keyCode === ENTER_KEY) {
|
||||||
|
enterKeyHandler();
|
||||||
|
}
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
// remove class
|
||||||
|
removeActiveClass($specialCharNode);
|
||||||
|
|
||||||
|
// find selected node
|
||||||
|
if (text) {
|
||||||
|
for (var i = 0; i < $specialCharNode.length; i++) {
|
||||||
|
var $checkNode = $($specialCharNode[i]);
|
||||||
|
if ($checkNode.text() === text) {
|
||||||
|
addActiveClass($checkNode);
|
||||||
|
currentRow = Math.ceil((i + 1) / COLUMN_LENGTH);
|
||||||
|
currentColumn = (i + 1) % COLUMN_LENGTH;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
ui.onDialogShown(self.$dialog, function() {
|
||||||
|
$(document).on('keydown', keyDownEventHandler);
|
||||||
|
|
||||||
|
self.$dialog.find('button').tooltip();
|
||||||
|
|
||||||
|
$specialCharNode.on('click', function(event) {
|
||||||
|
event.preventDefault();
|
||||||
|
deferred.resolve(decodeURIComponent($(event.currentTarget).find('button').attr('data-value')));
|
||||||
|
ui.hideDialog(self.$dialog);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
ui.onDialogHidden(self.$dialog, function() {
|
||||||
|
$specialCharNode.off('click');
|
||||||
|
|
||||||
|
self.$dialog.find('button').tooltip('destroy');
|
||||||
|
|
||||||
|
$(document).off('keydown', keyDownEventHandler);
|
||||||
|
|
||||||
|
if (deferred.state() === 'pending') {
|
||||||
|
deferred.reject();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
ui.showDialog(self.$dialog);
|
||||||
|
});
|
||||||
|
};
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}));
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
+3
File diff suppressed because one or more lines are too long
Vendored
-10
@@ -1,10 +0,0 @@
|
|||||||
/* ===========================================================
|
|
||||||
* ko.js
|
|
||||||
* Korean translation for Trumbowyg
|
|
||||||
* http://alex-d.github.com/Trumbowyg
|
|
||||||
* ===========================================================
|
|
||||||
* Author : JoongSeob Vito Kim (dorajistyle)
|
|
||||||
* Blog : http://dorajistyle.pe.kr
|
|
||||||
* Github : https://github.com/dorajistyle
|
|
||||||
*/
|
|
||||||
jQuery.trumbowyg.langs.ko={viewHTML:"HTML로 보기",formatting:"양식",p:"문단",blockquote:"인용부호",code:"코드",header:"머릿말",bold:"진하게",italic:"기울임",strikethrough:"취소선",underline:"밑줄",strong:"굵게",em:"강조",del:"취소",unorderedList:"순차 목록",orderedList:"비순차 목록",insertImage:"이미지 넣기",insertVideo:"비디오 넣기",link:"링크",createLink:"링크 넣기",unlink:"링크 없애기",justifyLeft:"왼쪽 정렬",justifyCenter:"가운데 정렬",justifyRight:"오른쪽 정렬",justifyFull:"혼합 정렬",horizontalRule:"가로줄 넣기",fullscreen:"전체 화면",close:"닫기",submit:"전송",reset:"초기화",required:"꼭 입력해야 합니다.",description:"설명",title:"제목",text:"본문 내용"};
|
|
||||||
@@ -1,143 +0,0 @@
|
|||||||
/* ===========================================================
|
|
||||||
* trumbowyg.allowTagsFromPaste.js v1.0.2
|
|
||||||
* It cleans tags from pasted text, whilst allowing several specified tags
|
|
||||||
* http://alex-d.github.com/Trumbowyg
|
|
||||||
* ===========================================================
|
|
||||||
* Author : Fathi Anshory (0x00000F5C)
|
|
||||||
* Twitter : @fscchannl
|
|
||||||
* Notes:
|
|
||||||
* - removeformatPasted must be set to FALSE since it was applied prior to pasteHandlers, or else it will be useless
|
|
||||||
* - It is most advisable to use along with the cleanpaste plugin, or else you'd end up with dirty markup
|
|
||||||
*/
|
|
||||||
|
|
||||||
(function ($) {
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
var defaultOptions = {
|
|
||||||
allowTagsFromPaste: [
|
|
||||||
'a',
|
|
||||||
'abbr',
|
|
||||||
'address',
|
|
||||||
'b',
|
|
||||||
'bdi',
|
|
||||||
'bdo',
|
|
||||||
'blockquote',
|
|
||||||
'br',
|
|
||||||
'cite',
|
|
||||||
'code',
|
|
||||||
'del',
|
|
||||||
'dfn',
|
|
||||||
'details',
|
|
||||||
'em',
|
|
||||||
'h1',
|
|
||||||
'h2',
|
|
||||||
'h3',
|
|
||||||
'h4',
|
|
||||||
'h5',
|
|
||||||
'h6',
|
|
||||||
'hr',
|
|
||||||
'i',
|
|
||||||
'ins',
|
|
||||||
'kbd',
|
|
||||||
'mark',
|
|
||||||
'meter',
|
|
||||||
'pre',
|
|
||||||
'progress',
|
|
||||||
'q',
|
|
||||||
'rp',
|
|
||||||
'rt',
|
|
||||||
'ruby',
|
|
||||||
's',
|
|
||||||
'samp',
|
|
||||||
'small',
|
|
||||||
'span',
|
|
||||||
'strong',
|
|
||||||
'sub',
|
|
||||||
'summary',
|
|
||||||
'sup',
|
|
||||||
'time',
|
|
||||||
'u',
|
|
||||||
'var',
|
|
||||||
'wbr',
|
|
||||||
'img',
|
|
||||||
'map',
|
|
||||||
'area',
|
|
||||||
'canvas',
|
|
||||||
'figcaption',
|
|
||||||
'figure',
|
|
||||||
'picture',
|
|
||||||
'audio',
|
|
||||||
'source',
|
|
||||||
'track',
|
|
||||||
'video',
|
|
||||||
'ul',
|
|
||||||
'ol',
|
|
||||||
'li',
|
|
||||||
'dl',
|
|
||||||
'dt',
|
|
||||||
'dd',
|
|
||||||
'table',
|
|
||||||
'caption',
|
|
||||||
'th',
|
|
||||||
'tr',
|
|
||||||
'td',
|
|
||||||
'thead',
|
|
||||||
'tbody',
|
|
||||||
'tfoot',
|
|
||||||
'col',
|
|
||||||
'colgroup',
|
|
||||||
'style',
|
|
||||||
'div',
|
|
||||||
'p',
|
|
||||||
'form',
|
|
||||||
'input',
|
|
||||||
'textarea',
|
|
||||||
'button',
|
|
||||||
'select',
|
|
||||||
'optgroup',
|
|
||||||
'option',
|
|
||||||
'label',
|
|
||||||
'fieldset',
|
|
||||||
'legend',
|
|
||||||
'datalist',
|
|
||||||
'keygen',
|
|
||||||
'output',
|
|
||||||
'iframe',
|
|
||||||
'link',
|
|
||||||
'nav',
|
|
||||||
'header',
|
|
||||||
'hgroup',
|
|
||||||
'footer',
|
|
||||||
'main',
|
|
||||||
'section',
|
|
||||||
'article',
|
|
||||||
'aside',
|
|
||||||
'dialog',
|
|
||||||
'script',
|
|
||||||
'noscript',
|
|
||||||
'embed',
|
|
||||||
'object',
|
|
||||||
'param'
|
|
||||||
]
|
|
||||||
};
|
|
||||||
|
|
||||||
$.extend(true, $.trumbowyg, {
|
|
||||||
plugins: {
|
|
||||||
allowTagsFromPaste: {
|
|
||||||
init: function (trumbowyg) {
|
|
||||||
trumbowyg.o.removeformatPasted = false;
|
|
||||||
trumbowyg.o.plugins.allowTagsFromPaste = trumbowyg.o.allowTagsFromPaste ? $(defaultOptions.allowTagsFromPaste).not(trumbowyg.o.allowTagsFromPaste).get() : [];
|
|
||||||
trumbowyg.pasteHandlers.push(function () {
|
|
||||||
setTimeout(function () {
|
|
||||||
var processNodes = trumbowyg.$ed.html();
|
|
||||||
$.each(trumbowyg.o.plugins.allowTagsFromPaste, function (iterator, tagName) {
|
|
||||||
processNodes = processNodes.replace(new RegExp('<\\/?' + tagName + '(\\s[^>]*)?>', 'gi'), '');
|
|
||||||
});
|
|
||||||
trumbowyg.$ed.html(processNodes);
|
|
||||||
}, 0);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
})(jQuery);
|
|
||||||
-1
@@ -1 +0,0 @@
|
|||||||
!function(e){"use strict";var t={allowTagsFromPaste:["a","abbr","address","b","bdi","bdo","blockquote","br","cite","code","del","dfn","details","em","h1","h2","h3","h4","h5","h6","hr","i","ins","kbd","mark","meter","pre","progress","q","rp","rt","ruby","s","samp","small","span","strong","sub","summary","sup","time","u","var","wbr","img","map","area","canvas","figcaption","figure","picture","audio","source","track","video","ul","ol","li","dl","dt","dd","table","caption","th","tr","td","thead","tbody","tfoot","col","colgroup","style","div","p","form","input","textarea","button","select","optgroup","option","label","fieldset","legend","datalist","keygen","output","iframe","link","nav","header","hgroup","footer","main","section","article","aside","dialog","script","noscript","embed","object","param"]};e.extend(!0,e.trumbowyg,{plugins:{allowTagsFromPaste:{init:function(a){a.o.removeformatPasted=!1,a.o.plugins.allowTagsFromPaste=a.o.allowTagsFromPaste?e(t.allowTagsFromPaste).not(a.o.allowTagsFromPaste).get():[],a.pasteHandlers.push(function(){setTimeout(function(){var t=a.$ed.html();e.each(a.o.plugins.allowTagsFromPaste,function(e,a){t=t.replace(new RegExp("<\\/?"+a+"(\\s[^>]*)?>","gi"),"")}),a.$ed.html(t)},0)})}}}})}(jQuery);
|
|
||||||
@@ -1,129 +0,0 @@
|
|||||||
/* ===========================================================
|
|
||||||
* 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: {
|
|
||||||
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ı.'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 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);
|
|
||||||
File diff suppressed because one or more lines are too long
@@ -1,112 +0,0 @@
|
|||||||
/* ===========================================================
|
|
||||||
* trumbowyg.cleanpaste.js v1.0
|
|
||||||
* Font Clean paste plugin for Trumbowyg
|
|
||||||
* http://alex-d.github.com/Trumbowyg
|
|
||||||
* ===========================================================
|
|
||||||
* Authors : Eric Radin
|
|
||||||
* Todd Graham (slackwalker)
|
|
||||||
*
|
|
||||||
* This plugin will perform a "cleaning" on any paste, in particular
|
|
||||||
* it will clean pasted content of microsoft word document tags and classes.
|
|
||||||
*/
|
|
||||||
|
|
||||||
(function ($) {
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
function checkValidTags(snippet) {
|
|
||||||
var theString = snippet;
|
|
||||||
|
|
||||||
// Replace uppercase element names with lowercase
|
|
||||||
theString = theString.replace(/<[^> ]*/g, function (match) {
|
|
||||||
return match.toLowerCase();
|
|
||||||
});
|
|
||||||
|
|
||||||
// Replace uppercase attribute names with lowercase
|
|
||||||
theString = theString.replace(/<[^>]*>/g, function (match) {
|
|
||||||
match = match.replace(/ [^=]+=/g, function (match2) {
|
|
||||||
return match2.toLowerCase();
|
|
||||||
});
|
|
||||||
return match;
|
|
||||||
});
|
|
||||||
|
|
||||||
// Put quotes around unquoted attributes
|
|
||||||
theString = theString.replace(/<[^>]*>/g, function (match) {
|
|
||||||
match = match.replace(/( [^=]+=)([^"][^ >]*)/g, '$1\"$2\"');
|
|
||||||
return match;
|
|
||||||
});
|
|
||||||
|
|
||||||
return theString;
|
|
||||||
}
|
|
||||||
|
|
||||||
function cleanIt(html) {
|
|
||||||
// first make sure all tags and attributes are made valid
|
|
||||||
html = checkValidTags(html);
|
|
||||||
|
|
||||||
// Replace opening bold tags with strong
|
|
||||||
html = html.replace(/<b(\s+|>)/g, '<strong$1');
|
|
||||||
// Replace closing bold tags with closing strong
|
|
||||||
html = html.replace(/<\/b(\s+|>)/g, '</strong$1');
|
|
||||||
|
|
||||||
// Replace italic tags with em
|
|
||||||
html = html.replace(/<i(\s+|>)/g, '<em$1');
|
|
||||||
// Replace closing italic tags with closing em
|
|
||||||
html = html.replace(/<\/i(\s+|>)/g, '</em$1');
|
|
||||||
|
|
||||||
// strip out comments -cgCraft
|
|
||||||
html = html.replace(/<!(?:--[\s\S]*?--\s*)?>\s*/g, '');
|
|
||||||
|
|
||||||
// strip out -cgCraft
|
|
||||||
html = html.replace(/ /gi, ' ');
|
|
||||||
// strip out extra spaces -cgCraft
|
|
||||||
html = html.replace(/ <\//gi, '</');
|
|
||||||
|
|
||||||
while (html.indexOf(' ') !== -1) {
|
|
||||||
html = html.split(' ').join(' ');
|
|
||||||
}
|
|
||||||
|
|
||||||
// strip -cgCraft
|
|
||||||
html = html.replace(/^\s*|\s*$/g, '');
|
|
||||||
|
|
||||||
// Strip out unaccepted attributes
|
|
||||||
html = html.replace(/<[^>]*>/g, function (match) {
|
|
||||||
match = match.replace(/ ([^=]+)="[^"]*"/g, function (match2, attributeName) {
|
|
||||||
if (['alt', 'href', 'src', 'title'].indexOf(attributeName) !== -1) {
|
|
||||||
return match2;
|
|
||||||
}
|
|
||||||
return '';
|
|
||||||
});
|
|
||||||
return match;
|
|
||||||
});
|
|
||||||
|
|
||||||
// Final cleanout for MS Word crud
|
|
||||||
html = html.replace(/<\?xml[^>]*>/g, '');
|
|
||||||
html = html.replace(/<[^ >]+:[^>]*>/g, '');
|
|
||||||
html = html.replace(/<\/[^ >]+:[^>]*>/g, '');
|
|
||||||
|
|
||||||
// remove unwanted tags
|
|
||||||
html = html.replace(/<(div|span|style|meta|link).*?>/gi, '');
|
|
||||||
|
|
||||||
return html;
|
|
||||||
}
|
|
||||||
|
|
||||||
// clean editor
|
|
||||||
// this will clean the inserted contents
|
|
||||||
// it does a compare, before and after paste to determine the
|
|
||||||
// pasted contents
|
|
||||||
$.extend(true, $.trumbowyg, {
|
|
||||||
plugins: {
|
|
||||||
cleanPaste: {
|
|
||||||
init: function (trumbowyg) {
|
|
||||||
trumbowyg.pasteHandlers.push(function () {
|
|
||||||
try {
|
|
||||||
trumbowyg.$ed.html(cleanIt(trumbowyg.$ed.html()));
|
|
||||||
} catch (c) {
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
})(jQuery);
|
|
||||||
|
|
||||||
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
!function(e){"use strict";function r(e){var r=e;return r=r.replace(/<[^> ]*/g,function(e){return e.toLowerCase()}),r=r.replace(/<[^>]*>/g,function(e){return e=e.replace(/ [^=]+=/g,function(e){return e.toLowerCase()})}),r=r.replace(/<[^>]*>/g,function(e){return e=e.replace(/( [^=]+=)([^"][^ >]*)/g,'$1"$2"')})}function n(e){for(e=r(e),e=e.replace(/<b(\s+|>)/g,"<strong$1"),e=e.replace(/<\/b(\s+|>)/g,"</strong$1"),e=e.replace(/<i(\s+|>)/g,"<em$1"),e=e.replace(/<\/i(\s+|>)/g,"</em$1"),e=e.replace(/<!(?:--[\s\S]*?--\s*)?>\s*/g,""),e=e.replace(/ /gi," "),e=e.replace(/ <\//gi,"</");e.indexOf(" ")!==-1;)e=e.split(" ").join(" ");return e=e.replace(/^\s*|\s*$/g,""),e=e.replace(/<[^>]*>/g,function(e){return e=e.replace(/ ([^=]+)="[^"]*"/g,function(e,r){return["alt","href","src","title"].indexOf(r)!==-1?e:""})}),e=e.replace(/<\?xml[^>]*>/g,""),e=e.replace(/<[^ >]+:[^>]*>/g,""),e=e.replace(/<\/[^ >]+:[^>]*>/g,""),e=e.replace(/<(div|span|style|meta|link).*?>/gi,"")}e.extend(!0,e.trumbowyg,{plugins:{cleanPaste:{init:function(e){e.pasteHandlers.push(function(){try{e.$ed.html(n(e.$ed.html()))}catch(r){}})}}}})}(jQuery);
|
|
||||||
@@ -1,185 +0,0 @@
|
|||||||
/* ===========================================================
|
|
||||||
* trumbowyg.colors.js v1.2
|
|
||||||
* Colors picker plugin for Trumbowyg
|
|
||||||
* http://alex-d.github.com/Trumbowyg
|
|
||||||
* ===========================================================
|
|
||||||
* Author : Alexandre Demode (Alex-D)
|
|
||||||
* Twitter : @AlexandreDemode
|
|
||||||
* Website : alex-d.fr
|
|
||||||
*/
|
|
||||||
|
|
||||||
(function ($) {
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
$.extend(true, $.trumbowyg, {
|
|
||||||
langs: {
|
|
||||||
// jshint camelcase:false
|
|
||||||
cs: {
|
|
||||||
foreColor: 'Barva textu',
|
|
||||||
backColor: 'Barva pozadí'
|
|
||||||
},
|
|
||||||
en: {
|
|
||||||
foreColor: 'Text color',
|
|
||||||
backColor: 'Background color'
|
|
||||||
},
|
|
||||||
fr: {
|
|
||||||
foreColor: 'Couleur du texte',
|
|
||||||
backColor: 'Couleur de fond'
|
|
||||||
},
|
|
||||||
nl: {
|
|
||||||
foreColor: 'Tekstkleur',
|
|
||||||
backColor: 'Achtergrondkleur'
|
|
||||||
},
|
|
||||||
sk: {
|
|
||||||
foreColor: 'Farba textu',
|
|
||||||
backColor: 'Farba pozadia'
|
|
||||||
},
|
|
||||||
zh_cn: {
|
|
||||||
foreColor: '文字颜色',
|
|
||||||
backColor: '背景颜色'
|
|
||||||
},
|
|
||||||
ru: {
|
|
||||||
foreColor: 'Цвет текста',
|
|
||||||
backColor: 'Цвет выделения текста'
|
|
||||||
},
|
|
||||||
ja: {
|
|
||||||
foreColor: '文字色',
|
|
||||||
backColor: '背景色'
|
|
||||||
},
|
|
||||||
tr: {
|
|
||||||
foreColor: 'Yazı rengi',
|
|
||||||
backColor: 'Arkaplan rengi'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// jshint camelcase:true
|
|
||||||
|
|
||||||
|
|
||||||
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+))?\)$/);
|
|
||||||
return hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function colorTagHandler(element, trumbowyg) {
|
|
||||||
var tags = [];
|
|
||||||
|
|
||||||
if (!element.style) {
|
|
||||||
return tags;
|
|
||||||
}
|
|
||||||
|
|
||||||
// background color
|
|
||||||
if (element.style.backgroundColor !== '') {
|
|
||||||
var backColor = colorToHex(element.style.backgroundColor);
|
|
||||||
if (trumbowyg.o.plugins.colors.colorList.indexOf(backColor) >= 0) {
|
|
||||||
tags.push('backColor' + backColor);
|
|
||||||
} else {
|
|
||||||
tags.push('backColorFree');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// text color
|
|
||||||
var foreColor;
|
|
||||||
if (element.style.color !== '') {
|
|
||||||
foreColor = colorToHex(element.style.color);
|
|
||||||
} else if (element.hasAttribute('color')) {
|
|
||||||
foreColor = colorToHex(element.getAttribute('color'));
|
|
||||||
}
|
|
||||||
if (foreColor) {
|
|
||||||
if (trumbowyg.o.plugins.colors.colorList.indexOf(foreColor) >= 0) {
|
|
||||||
tags.push('foreColor' + foreColor);
|
|
||||||
} else {
|
|
||||||
tags.push('foreColorFree');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return tags;
|
|
||||||
}
|
|
||||||
|
|
||||||
var defaultOptions = {
|
|
||||||
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']
|
|
||||||
};
|
|
||||||
|
|
||||||
// Add all colors in two dropdowns
|
|
||||||
$.extend(true, $.trumbowyg, {
|
|
||||||
plugins: {
|
|
||||||
color: {
|
|
||||||
init: function (trumbowyg) {
|
|
||||||
trumbowyg.o.plugins.colors = trumbowyg.o.plugins.colors || defaultOptions;
|
|
||||||
var foreColorBtnDef = {
|
|
||||||
dropdown: buildDropdown('foreColor', trumbowyg)
|
|
||||||
},
|
|
||||||
backColorBtnDef = {
|
|
||||||
dropdown: buildDropdown('backColor', trumbowyg)
|
|
||||||
};
|
|
||||||
|
|
||||||
trumbowyg.addBtnDef('foreColor', foreColorBtnDef);
|
|
||||||
trumbowyg.addBtnDef('backColor', backColorBtnDef);
|
|
||||||
},
|
|
||||||
tagHandler: colorTagHandler
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
function buildDropdown(fn, trumbowyg) {
|
|
||||||
var dropdown = [];
|
|
||||||
|
|
||||||
$.each(trumbowyg.o.plugins.colors.colorList, function (i, color) {
|
|
||||||
var btn = fn + color,
|
|
||||||
btnDef = {
|
|
||||||
fn: fn,
|
|
||||||
forceCss: true,
|
|
||||||
param: '#' + color,
|
|
||||||
style: 'background-color: #' + color + ';'
|
|
||||||
};
|
|
||||||
trumbowyg.addBtnDef(btn, btnDef);
|
|
||||||
dropdown.push(btn);
|
|
||||||
});
|
|
||||||
|
|
||||||
var removeColorButtonName = fn + 'Remove',
|
|
||||||
removeColorBtnDef = {
|
|
||||||
fn: 'removeFormat',
|
|
||||||
param: fn,
|
|
||||||
style: 'background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQIW2NkQAAfEJMRmwBYhoGBYQtMBYoAADziAp0jtJTgAAAAAElFTkSuQmCC);'
|
|
||||||
};
|
|
||||||
trumbowyg.addBtnDef(removeColorButtonName, removeColorBtnDef);
|
|
||||||
dropdown.push(removeColorButtonName);
|
|
||||||
|
|
||||||
// add free color btn
|
|
||||||
var freeColorButtonName = fn + 'Free',
|
|
||||||
freeColorBtnDef = {
|
|
||||||
fn: function () {
|
|
||||||
trumbowyg.openModalInsert(trumbowyg.lang[fn],
|
|
||||||
{
|
|
||||||
color: {
|
|
||||||
label: fn,
|
|
||||||
value: '#FFFFFF'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// callback
|
|
||||||
function (values) {
|
|
||||||
trumbowyg.execCmd(fn, values.color);
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
);
|
|
||||||
},
|
|
||||||
text: '#',
|
|
||||||
// style adjust for displaying the text
|
|
||||||
style: 'text-indent: 0;line-height: 20px;padding: 0 5px;'
|
|
||||||
};
|
|
||||||
trumbowyg.addBtnDef(freeColorButtonName, freeColorBtnDef);
|
|
||||||
dropdown.push(freeColorButtonName);
|
|
||||||
|
|
||||||
return dropdown;
|
|
||||||
}
|
|
||||||
})(jQuery);
|
|
||||||
File diff suppressed because one or more lines are too long
@@ -1,49 +0,0 @@
|
|||||||
/**
|
|
||||||
* Trumbowyg v2.10.0 - A lightweight WYSIWYG editor
|
|
||||||
* Default stylesheet for Trumbowyg editor plugin
|
|
||||||
* ------------------------
|
|
||||||
* @link http://alex-d.github.io/Trumbowyg
|
|
||||||
* @license MIT
|
|
||||||
* @author Alexandre Demode (Alex-D)
|
|
||||||
* Twitter : @AlexandreDemode
|
|
||||||
* Website : alex-d.fr
|
|
||||||
*/
|
|
||||||
|
|
||||||
.trumbowyg-dropdown-foreColor,
|
|
||||||
.trumbowyg-dropdown-backColor {
|
|
||||||
width: 276px;
|
|
||||||
padding: 7px 5px;
|
|
||||||
|
|
||||||
svg {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
button {
|
|
||||||
display: block;
|
|
||||||
position: relative;
|
|
||||||
float: left;
|
|
||||||
text-indent: -9999px;
|
|
||||||
height: 20px;
|
|
||||||
width: 20px;
|
|
||||||
border: 1px solid #333;
|
|
||||||
padding: 0;
|
|
||||||
margin: 2px;
|
|
||||||
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
&::after {
|
|
||||||
content: " ";
|
|
||||||
display: block;
|
|
||||||
position: absolute;
|
|
||||||
top: -5px;
|
|
||||||
left: -5px;
|
|
||||||
height: 27px;
|
|
||||||
width: 27px;
|
|
||||||
background: inherit;
|
|
||||||
border: 1px solid #FFF;
|
|
||||||
box-shadow: #000 0 0 2px;
|
|
||||||
z-index: 10;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,43 +0,0 @@
|
|||||||
/**
|
|
||||||
* Trumbowyg v2.10.0 - A lightweight WYSIWYG editor
|
|
||||||
* Trumbowyg plugin stylesheet
|
|
||||||
* ------------------------
|
|
||||||
* @link http://alex-d.github.io/Trumbowyg
|
|
||||||
* @license MIT
|
|
||||||
* @author Alexandre Demode (Alex-D)
|
|
||||||
* Twitter : @AlexandreDemode
|
|
||||||
* Website : alex-d.fr
|
|
||||||
*/
|
|
||||||
|
|
||||||
.trumbowyg-dropdown-foreColor,
|
|
||||||
.trumbowyg-dropdown-backColor {
|
|
||||||
width: 276px;
|
|
||||||
padding: 7px 5px; }
|
|
||||||
.trumbowyg-dropdown-foreColor svg,
|
|
||||||
.trumbowyg-dropdown-backColor svg {
|
|
||||||
display: none !important; }
|
|
||||||
.trumbowyg-dropdown-foreColor button,
|
|
||||||
.trumbowyg-dropdown-backColor button {
|
|
||||||
display: block;
|
|
||||||
position: relative;
|
|
||||||
float: left;
|
|
||||||
text-indent: -9999px;
|
|
||||||
height: 20px;
|
|
||||||
width: 20px;
|
|
||||||
border: 1px solid #333;
|
|
||||||
padding: 0;
|
|
||||||
margin: 2px; }
|
|
||||||
.trumbowyg-dropdown-foreColor button:hover::after, .trumbowyg-dropdown-foreColor button:focus::after,
|
|
||||||
.trumbowyg-dropdown-backColor button:hover::after,
|
|
||||||
.trumbowyg-dropdown-backColor button:focus::after {
|
|
||||||
content: " ";
|
|
||||||
display: block;
|
|
||||||
position: absolute;
|
|
||||||
top: -5px;
|
|
||||||
left: -5px;
|
|
||||||
height: 27px;
|
|
||||||
width: 27px;
|
|
||||||
background: inherit;
|
|
||||||
border: 1px solid #FFF;
|
|
||||||
box-shadow: #000 0 0 2px;
|
|
||||||
z-index: 10; }
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
/** Trumbowyg v2.10.0 - A lightweight WYSIWYG editor - alex-d.github.io/Trumbowyg - License MIT - Author : Alexandre Demode (Alex-D) / alex-d.fr */
|
|
||||||
.trumbowyg-dropdown-backColor,.trumbowyg-dropdown-foreColor{width:276px;padding:7px 5px}.trumbowyg-dropdown-backColor svg,.trumbowyg-dropdown-foreColor svg{display:none!important}.trumbowyg-dropdown-backColor button,.trumbowyg-dropdown-foreColor button{display:block;position:relative;float:left;text-indent:-9999px;height:20px;width:20px;border:1px solid #333;padding:0;margin:2px}.trumbowyg-dropdown-backColor button:focus::after,.trumbowyg-dropdown-backColor button:hover::after,.trumbowyg-dropdown-foreColor button:focus::after,.trumbowyg-dropdown-foreColor button:hover::after{content:" ";display:block;position:absolute;top:-5px;left:-5px;height:27px;width:27px;background:inherit;border:1px solid #FFF;box-shadow:#000 0 0 2px;z-index:10}
|
|
||||||
@@ -1,968 +0,0 @@
|
|||||||
/* ===========================================================
|
|
||||||
* trumbowyg.emoji.js v0.1
|
|
||||||
* Emoji picker plugin for Trumbowyg
|
|
||||||
* http://alex-d.github.com/Trumbowyg
|
|
||||||
* ===========================================================
|
|
||||||
* Author : Nicolas Pion
|
|
||||||
* Twitter : @nicolas_pion
|
|
||||||
*/
|
|
||||||
|
|
||||||
(function ($) {
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
var defaultOptions = {
|
|
||||||
emojiList: [
|
|
||||||
':bowtie:',
|
|
||||||
':smile:',
|
|
||||||
':laughing:',
|
|
||||||
':blush:',
|
|
||||||
':smiley:',
|
|
||||||
':relaxed:',
|
|
||||||
':smirk:',
|
|
||||||
':heart_eyes:',
|
|
||||||
':kissing_heart:',
|
|
||||||
':kissing_closed_eyes:',
|
|
||||||
':flushed:',
|
|
||||||
':relieved:',
|
|
||||||
':satisfied:',
|
|
||||||
':grin:',
|
|
||||||
':wink:',
|
|
||||||
':stuck_out_tongue_winking_eye:',
|
|
||||||
':stuck_out_tongue_closed_eyes:',
|
|
||||||
':grinning:',
|
|
||||||
':kissing:',
|
|
||||||
':kissing_smiling_eyes:',
|
|
||||||
':stuck_out_tongue:',
|
|
||||||
':sleeping:',
|
|
||||||
':worried:',
|
|
||||||
':frowning:',
|
|
||||||
':anguished:',
|
|
||||||
':open_mouth:',
|
|
||||||
':grimacing:',
|
|
||||||
':confused:',
|
|
||||||
':hushed:',
|
|
||||||
':expressionless:',
|
|
||||||
':unamused:',
|
|
||||||
':sweat_smile:',
|
|
||||||
':sweat:',
|
|
||||||
':disappointed_relieved:',
|
|
||||||
':weary:',
|
|
||||||
':pensive:',
|
|
||||||
':disappointed:',
|
|
||||||
':confounded:',
|
|
||||||
':fearful:',
|
|
||||||
':cold_sweat:',
|
|
||||||
':persevere:',
|
|
||||||
':cry:',
|
|
||||||
':sob:',
|
|
||||||
':joy:',
|
|
||||||
':astonished:',
|
|
||||||
':scream:',
|
|
||||||
':neckbeard:',
|
|
||||||
':tired_face:',
|
|
||||||
':angry:',
|
|
||||||
':rage:',
|
|
||||||
':triumph:',
|
|
||||||
':sleepy:',
|
|
||||||
':yum:',
|
|
||||||
':mask:',
|
|
||||||
':sunglasses:',
|
|
||||||
':dizzy_face:',
|
|
||||||
':imp:',
|
|
||||||
':smiling_imp:',
|
|
||||||
':neutral_face:',
|
|
||||||
':no_mouth:',
|
|
||||||
':innocent:',
|
|
||||||
':alien:',
|
|
||||||
':yellow_heart:',
|
|
||||||
':blue_heart:',
|
|
||||||
':purple_heart:',
|
|
||||||
':heart:',
|
|
||||||
':green_heart:',
|
|
||||||
':broken_heart:',
|
|
||||||
':heartbeat:',
|
|
||||||
':heartpulse:',
|
|
||||||
':two_hearts:',
|
|
||||||
':revolving_hearts:',
|
|
||||||
':cupid:',
|
|
||||||
':sparkling_heart:',
|
|
||||||
':sparkles:',
|
|
||||||
':star:',
|
|
||||||
':star2:',
|
|
||||||
':dizzy:',
|
|
||||||
':boom:',
|
|
||||||
':collision:',
|
|
||||||
':anger:',
|
|
||||||
':exclamation:',
|
|
||||||
':question:',
|
|
||||||
':grey_exclamation:',
|
|
||||||
':grey_question:',
|
|
||||||
':zzz:',
|
|
||||||
':dash:',
|
|
||||||
':sweat_drops:',
|
|
||||||
':notes:',
|
|
||||||
':musical_note:',
|
|
||||||
':fire:',
|
|
||||||
':hankey:',
|
|
||||||
':poop:',
|
|
||||||
':shit:',
|
|
||||||
':+1:',
|
|
||||||
':thumbsup:',
|
|
||||||
':-1:',
|
|
||||||
':thumbsdown:',
|
|
||||||
':ok_hand:',
|
|
||||||
':punch:',
|
|
||||||
':facepunch:',
|
|
||||||
':fist:',
|
|
||||||
':v:',
|
|
||||||
':wave:',
|
|
||||||
':hand:',
|
|
||||||
':raised_hand:',
|
|
||||||
':open_hands:',
|
|
||||||
':point_up:',
|
|
||||||
':point_down:',
|
|
||||||
':point_left:',
|
|
||||||
':point_right:',
|
|
||||||
':raised_hands:',
|
|
||||||
':pray:',
|
|
||||||
':point_up_2:',
|
|
||||||
':clap:',
|
|
||||||
':muscle:',
|
|
||||||
':metal:',
|
|
||||||
':fu:',
|
|
||||||
':runner:',
|
|
||||||
':running:',
|
|
||||||
':couple:',
|
|
||||||
':family:',
|
|
||||||
':two_men_holding_hands:',
|
|
||||||
':two_women_holding_hands:',
|
|
||||||
':dancer:',
|
|
||||||
':dancers:',
|
|
||||||
':ok_woman:',
|
|
||||||
':no_good:',
|
|
||||||
':information_desk_person:',
|
|
||||||
':raising_hand:',
|
|
||||||
':bride_with_veil:',
|
|
||||||
':person_with_pouting_face:',
|
|
||||||
':person_frowning:',
|
|
||||||
':bow:',
|
|
||||||
':couplekiss:',
|
|
||||||
':couple_with_heart:',
|
|
||||||
':massage:',
|
|
||||||
':haircut:',
|
|
||||||
':nail_care:',
|
|
||||||
':boy:',
|
|
||||||
':girl:',
|
|
||||||
':woman:',
|
|
||||||
':man:',
|
|
||||||
':baby:',
|
|
||||||
':older_woman:',
|
|
||||||
':older_man:',
|
|
||||||
':person_with_blond_hair:',
|
|
||||||
':man_with_gua_pi_mao:',
|
|
||||||
':man_with_turban:',
|
|
||||||
':construction_worker:',
|
|
||||||
':cop:',
|
|
||||||
':angel:',
|
|
||||||
':princess:',
|
|
||||||
':smiley_cat:',
|
|
||||||
':smile_cat:',
|
|
||||||
':heart_eyes_cat:',
|
|
||||||
':kissing_cat:',
|
|
||||||
':smirk_cat:',
|
|
||||||
':scream_cat:',
|
|
||||||
':crying_cat_face:',
|
|
||||||
':joy_cat:',
|
|
||||||
':pouting_cat:',
|
|
||||||
':japanese_ogre:',
|
|
||||||
':japanese_goblin:',
|
|
||||||
':see_no_evil:',
|
|
||||||
':hear_no_evil:',
|
|
||||||
':speak_no_evil:',
|
|
||||||
':guardsman:',
|
|
||||||
':skull:',
|
|
||||||
':feet:',
|
|
||||||
':lips:',
|
|
||||||
':kiss:',
|
|
||||||
':droplet:',
|
|
||||||
':ear:',
|
|
||||||
':eyes:',
|
|
||||||
':nose:',
|
|
||||||
':tongue:',
|
|
||||||
':love_letter:',
|
|
||||||
':bust_in_silhouette:',
|
|
||||||
':busts_in_silhouette:',
|
|
||||||
':speech_balloon:',
|
|
||||||
':thought_balloon:',
|
|
||||||
':feelsgood:',
|
|
||||||
':finnadie:',
|
|
||||||
':goberserk:',
|
|
||||||
':godmode:',
|
|
||||||
':hurtrealbad:',
|
|
||||||
':rage1:',
|
|
||||||
':rage2:',
|
|
||||||
':rage3:',
|
|
||||||
':rage4:',
|
|
||||||
':suspect:',
|
|
||||||
':trollface:',
|
|
||||||
':sunny:',
|
|
||||||
':umbrella:',
|
|
||||||
':cloud:',
|
|
||||||
':snowflake:',
|
|
||||||
':snowman:',
|
|
||||||
':zap:',
|
|
||||||
':cyclone:',
|
|
||||||
':foggy:',
|
|
||||||
':ocean:',
|
|
||||||
':cat:',
|
|
||||||
':dog:',
|
|
||||||
':mouse:',
|
|
||||||
':hamster:',
|
|
||||||
':rabbit:',
|
|
||||||
':wolf:',
|
|
||||||
':frog:',
|
|
||||||
':tiger:',
|
|
||||||
':koala:',
|
|
||||||
':bear:',
|
|
||||||
':pig:',
|
|
||||||
':pig_nose:',
|
|
||||||
':cow:',
|
|
||||||
':boar:',
|
|
||||||
':monkey_face:',
|
|
||||||
':monkey:',
|
|
||||||
':horse:',
|
|
||||||
':racehorse:',
|
|
||||||
':camel:',
|
|
||||||
':sheep:',
|
|
||||||
':elephant:',
|
|
||||||
':panda_face:',
|
|
||||||
':snake:',
|
|
||||||
':bird:',
|
|
||||||
':baby_chick:',
|
|
||||||
':hatched_chick:',
|
|
||||||
':hatching_chick:',
|
|
||||||
':chicken:',
|
|
||||||
':penguin:',
|
|
||||||
':turtle:',
|
|
||||||
':bug:',
|
|
||||||
':honeybee:',
|
|
||||||
':ant:',
|
|
||||||
':beetle:',
|
|
||||||
':snail:',
|
|
||||||
':octopus:',
|
|
||||||
':tropical_fish:',
|
|
||||||
':fish:',
|
|
||||||
':whale:',
|
|
||||||
':whale2:',
|
|
||||||
':dolphin:',
|
|
||||||
':cow2:',
|
|
||||||
':ram:',
|
|
||||||
':rat:',
|
|
||||||
':water_buffalo:',
|
|
||||||
':tiger2:',
|
|
||||||
':rabbit2:',
|
|
||||||
':dragon:',
|
|
||||||
':goat:',
|
|
||||||
':rooster:',
|
|
||||||
':dog2:',
|
|
||||||
':pig2:',
|
|
||||||
':mouse2:',
|
|
||||||
':ox:',
|
|
||||||
':dragon_face:',
|
|
||||||
':blowfish:',
|
|
||||||
':crocodile:',
|
|
||||||
':dromedary_camel:',
|
|
||||||
':leopard:',
|
|
||||||
':cat2:',
|
|
||||||
':poodle:',
|
|
||||||
':paw_prints:',
|
|
||||||
':bouquet:',
|
|
||||||
':cherry_blossom:',
|
|
||||||
':tulip:',
|
|
||||||
':four_leaf_clover:',
|
|
||||||
':rose:',
|
|
||||||
':sunflower:',
|
|
||||||
':hibiscus:',
|
|
||||||
':maple_leaf:',
|
|
||||||
':leaves:',
|
|
||||||
':fallen_leaf:',
|
|
||||||
':herb:',
|
|
||||||
':mushroom:',
|
|
||||||
':cactus:',
|
|
||||||
':palm_tree:',
|
|
||||||
':evergreen_tree:',
|
|
||||||
':deciduous_tree:',
|
|
||||||
':chestnut:',
|
|
||||||
':seedling:',
|
|
||||||
':blossom:',
|
|
||||||
':ear_of_rice:',
|
|
||||||
':shell:',
|
|
||||||
':globe_with_meridians:',
|
|
||||||
':sun_with_face:',
|
|
||||||
':full_moon_with_face:',
|
|
||||||
':new_moon_with_face:',
|
|
||||||
':new_moon:',
|
|
||||||
':waxing_crescent_moon:',
|
|
||||||
':first_quarter_moon:',
|
|
||||||
':waxing_gibbous_moon:',
|
|
||||||
':full_moon:',
|
|
||||||
':waning_gibbous_moon:',
|
|
||||||
':last_quarter_moon:',
|
|
||||||
':waning_crescent_moon:',
|
|
||||||
':last_quarter_moon_with_face:',
|
|
||||||
':first_quarter_moon_with_face:',
|
|
||||||
':crescent_moon:',
|
|
||||||
':earth_africa:',
|
|
||||||
':earth_americas:',
|
|
||||||
':earth_asia:',
|
|
||||||
':volcano:',
|
|
||||||
':milky_way:',
|
|
||||||
':partly_sunny:',
|
|
||||||
':octocat:',
|
|
||||||
':squirrel:',
|
|
||||||
':bamboo:',
|
|
||||||
':gift_heart:',
|
|
||||||
':dolls:',
|
|
||||||
':school_satchel:',
|
|
||||||
':mortar_board:',
|
|
||||||
':flags:',
|
|
||||||
':fireworks:',
|
|
||||||
':sparkler:',
|
|
||||||
':wind_chime:',
|
|
||||||
':rice_scene:',
|
|
||||||
':jack_o_lantern:',
|
|
||||||
':ghost:',
|
|
||||||
':santa:',
|
|
||||||
':christmas_tree:',
|
|
||||||
':gift:',
|
|
||||||
':bell:',
|
|
||||||
':no_bell:',
|
|
||||||
':tanabata_tree:',
|
|
||||||
':tada:',
|
|
||||||
':confetti_ball:',
|
|
||||||
':balloon:',
|
|
||||||
':crystal_ball:',
|
|
||||||
':cd:',
|
|
||||||
':dvd:',
|
|
||||||
':floppy_disk:',
|
|
||||||
':camera:',
|
|
||||||
':video_camera:',
|
|
||||||
':movie_camera:',
|
|
||||||
':computer:',
|
|
||||||
':tv:',
|
|
||||||
':iphone:',
|
|
||||||
':phone:',
|
|
||||||
':telephone:',
|
|
||||||
':telephone_receiver:',
|
|
||||||
':pager:',
|
|
||||||
':fax:',
|
|
||||||
':minidisc:',
|
|
||||||
':vhs:',
|
|
||||||
':sound:',
|
|
||||||
':speaker:',
|
|
||||||
':mute:',
|
|
||||||
':loudspeaker:',
|
|
||||||
':mega:',
|
|
||||||
':hourglass:',
|
|
||||||
':hourglass_flowing_sand:',
|
|
||||||
':alarm_clock:',
|
|
||||||
':watch:',
|
|
||||||
':radio:',
|
|
||||||
':satellite:',
|
|
||||||
':loop:',
|
|
||||||
':mag:',
|
|
||||||
':mag_right:',
|
|
||||||
':unlock:',
|
|
||||||
':lock:',
|
|
||||||
':lock_with_ink_pen:',
|
|
||||||
':closed_lock_with_key:',
|
|
||||||
':key:',
|
|
||||||
':bulb:',
|
|
||||||
':flashlight:',
|
|
||||||
':high_brightness:',
|
|
||||||
':low_brightness:',
|
|
||||||
':electric_plug:',
|
|
||||||
':battery:',
|
|
||||||
':calling:',
|
|
||||||
':email:',
|
|
||||||
':mailbox:',
|
|
||||||
':postbox:',
|
|
||||||
':bath:',
|
|
||||||
':bathtub:',
|
|
||||||
':shower:',
|
|
||||||
':toilet:',
|
|
||||||
':wrench:',
|
|
||||||
':nut_and_bolt:',
|
|
||||||
':hammer:',
|
|
||||||
':seat:',
|
|
||||||
':moneybag:',
|
|
||||||
':yen:',
|
|
||||||
':dollar:',
|
|
||||||
':pound:',
|
|
||||||
':euro:',
|
|
||||||
':credit_card:',
|
|
||||||
':money_with_wings:',
|
|
||||||
':e-mail:',
|
|
||||||
':inbox_tray:',
|
|
||||||
':outbox_tray:',
|
|
||||||
':envelope:',
|
|
||||||
':incoming_envelope:',
|
|
||||||
':postal_horn:',
|
|
||||||
':mailbox_closed:',
|
|
||||||
':mailbox_with_mail:',
|
|
||||||
':mailbox_with_no_mail:',
|
|
||||||
':package:',
|
|
||||||
':door:',
|
|
||||||
':smoking:',
|
|
||||||
':bomb:',
|
|
||||||
':gun:',
|
|
||||||
':hocho:',
|
|
||||||
':pill:',
|
|
||||||
':syringe:',
|
|
||||||
':page_facing_up:',
|
|
||||||
':page_with_curl:',
|
|
||||||
':bookmark_tabs:',
|
|
||||||
':bar_chart:',
|
|
||||||
':chart_with_upwards_trend:',
|
|
||||||
':chart_with_downwards_trend:',
|
|
||||||
':scroll:',
|
|
||||||
':clipboard:',
|
|
||||||
':calendar:',
|
|
||||||
':date:',
|
|
||||||
':card_index:',
|
|
||||||
':file_folder:',
|
|
||||||
':open_file_folder:',
|
|
||||||
':scissors:',
|
|
||||||
':pushpin:',
|
|
||||||
':paperclip:',
|
|
||||||
':black_nib:',
|
|
||||||
':pencil2:',
|
|
||||||
':straight_ruler:',
|
|
||||||
':triangular_ruler:',
|
|
||||||
':closed_book:',
|
|
||||||
':green_book:',
|
|
||||||
':blue_book:',
|
|
||||||
':orange_book:',
|
|
||||||
':notebook:',
|
|
||||||
':notebook_with_decorative_cover:',
|
|
||||||
':ledger:',
|
|
||||||
':books:',
|
|
||||||
':bookmark:',
|
|
||||||
':name_badge:',
|
|
||||||
':microscope:',
|
|
||||||
':telescope:',
|
|
||||||
':newspaper:',
|
|
||||||
':football:',
|
|
||||||
':basketball:',
|
|
||||||
':soccer:',
|
|
||||||
':baseball:',
|
|
||||||
':tennis:',
|
|
||||||
':8ball:',
|
|
||||||
':rugby_football:',
|
|
||||||
':bowling:',
|
|
||||||
':golf:',
|
|
||||||
':mountain_bicyclist:',
|
|
||||||
':bicyclist:',
|
|
||||||
':horse_racing:',
|
|
||||||
':snowboarder:',
|
|
||||||
':swimmer:',
|
|
||||||
':surfer:',
|
|
||||||
':ski:',
|
|
||||||
':spades:',
|
|
||||||
':hearts:',
|
|
||||||
':clubs:',
|
|
||||||
':diamonds:',
|
|
||||||
':gem:',
|
|
||||||
':ring:',
|
|
||||||
':trophy:',
|
|
||||||
':musical_score:',
|
|
||||||
':musical_keyboard:',
|
|
||||||
':violin:',
|
|
||||||
':space_invader:',
|
|
||||||
':video_game:',
|
|
||||||
':black_joker:',
|
|
||||||
':flower_playing_cards:',
|
|
||||||
':game_die:',
|
|
||||||
':dart:',
|
|
||||||
':mahjong:',
|
|
||||||
':clapper:',
|
|
||||||
':memo:',
|
|
||||||
':pencil:',
|
|
||||||
':book:',
|
|
||||||
':art:',
|
|
||||||
':microphone:',
|
|
||||||
':headphones:',
|
|
||||||
':trumpet:',
|
|
||||||
':saxophone:',
|
|
||||||
':guitar:',
|
|
||||||
':shoe:',
|
|
||||||
':sandal:',
|
|
||||||
':high_heel:',
|
|
||||||
':lipstick:',
|
|
||||||
':boot:',
|
|
||||||
':shirt:',
|
|
||||||
':tshirt:',
|
|
||||||
':necktie:',
|
|
||||||
':womans_clothes:',
|
|
||||||
':dress:',
|
|
||||||
':running_shirt_with_sash:',
|
|
||||||
':jeans:',
|
|
||||||
':kimono:',
|
|
||||||
':bikini:',
|
|
||||||
':ribbon:',
|
|
||||||
':tophat:',
|
|
||||||
':crown:',
|
|
||||||
':womans_hat:',
|
|
||||||
':mans_shoe:',
|
|
||||||
':closed_umbrella:',
|
|
||||||
':briefcase:',
|
|
||||||
':handbag:',
|
|
||||||
':pouch:',
|
|
||||||
':purse:',
|
|
||||||
':eyeglasses:',
|
|
||||||
':fishing_pole_and_fish:',
|
|
||||||
':coffee:',
|
|
||||||
':tea:',
|
|
||||||
':sake:',
|
|
||||||
':baby_bottle:',
|
|
||||||
':beer:',
|
|
||||||
':beers:',
|
|
||||||
':cocktail:',
|
|
||||||
':tropical_drink:',
|
|
||||||
':wine_glass:',
|
|
||||||
':fork_and_knife:',
|
|
||||||
':pizza:',
|
|
||||||
':hamburger:',
|
|
||||||
':fries:',
|
|
||||||
':poultry_leg:',
|
|
||||||
':meat_on_bone:',
|
|
||||||
':spaghetti:',
|
|
||||||
':curry:',
|
|
||||||
':fried_shrimp:',
|
|
||||||
':bento:',
|
|
||||||
':sushi:',
|
|
||||||
':fish_cake:',
|
|
||||||
':rice_ball:',
|
|
||||||
':rice_cracker:',
|
|
||||||
':rice:',
|
|
||||||
':ramen:',
|
|
||||||
':stew:',
|
|
||||||
':oden:',
|
|
||||||
':dango:',
|
|
||||||
':egg:',
|
|
||||||
':bread:',
|
|
||||||
':doughnut:',
|
|
||||||
':custard:',
|
|
||||||
':icecream:',
|
|
||||||
':ice_cream:',
|
|
||||||
':shaved_ice:',
|
|
||||||
':birthday:',
|
|
||||||
':cake:',
|
|
||||||
':cookie:',
|
|
||||||
':chocolate_bar:',
|
|
||||||
':candy:',
|
|
||||||
':lollipop:',
|
|
||||||
':honey_pot:',
|
|
||||||
':apple:',
|
|
||||||
':green_apple:',
|
|
||||||
':tangerine:',
|
|
||||||
':lemon:',
|
|
||||||
':cherries:',
|
|
||||||
':grapes:',
|
|
||||||
':watermelon:',
|
|
||||||
':strawberry:',
|
|
||||||
':peach:',
|
|
||||||
':melon:',
|
|
||||||
':banana:',
|
|
||||||
':pear:',
|
|
||||||
':pineapple:',
|
|
||||||
':sweet_potato:',
|
|
||||||
':eggplant:',
|
|
||||||
':tomato:',
|
|
||||||
':corn:',
|
|
||||||
':house:',
|
|
||||||
':house_with_garden:',
|
|
||||||
':school:',
|
|
||||||
':office:',
|
|
||||||
':post_office:',
|
|
||||||
':hospital:',
|
|
||||||
':bank:',
|
|
||||||
':convenience_store:',
|
|
||||||
':love_hotel:',
|
|
||||||
':hotel:',
|
|
||||||
':wedding:',
|
|
||||||
':church:',
|
|
||||||
':department_store:',
|
|
||||||
':european_post_office:',
|
|
||||||
':city_sunrise:',
|
|
||||||
':city_sunset:',
|
|
||||||
':japanese_castle:',
|
|
||||||
':european_castle:',
|
|
||||||
':tent:',
|
|
||||||
':factory:',
|
|
||||||
':tokyo_tower:',
|
|
||||||
':japan:',
|
|
||||||
':mount_fuji:',
|
|
||||||
':sunrise_over_mountains:',
|
|
||||||
':sunrise:',
|
|
||||||
':stars:',
|
|
||||||
':statue_of_liberty:',
|
|
||||||
':bridge_at_night:',
|
|
||||||
':carousel_horse:',
|
|
||||||
':rainbow:',
|
|
||||||
':ferris_wheel:',
|
|
||||||
':fountain:',
|
|
||||||
':roller_coaster:',
|
|
||||||
':ship:',
|
|
||||||
':speedboat:',
|
|
||||||
':boat:',
|
|
||||||
':sailboat:',
|
|
||||||
':rowboat:',
|
|
||||||
':anchor:',
|
|
||||||
':rocket:',
|
|
||||||
':airplane:',
|
|
||||||
':helicopter:',
|
|
||||||
':steam_locomotive:',
|
|
||||||
':tram:',
|
|
||||||
':mountain_railway:',
|
|
||||||
':bike:',
|
|
||||||
':aerial_tramway:',
|
|
||||||
':suspension_railway:',
|
|
||||||
':mountain_cableway:',
|
|
||||||
':tractor:',
|
|
||||||
':blue_car:',
|
|
||||||
':oncoming_automobile:',
|
|
||||||
':car:',
|
|
||||||
':red_car:',
|
|
||||||
':taxi:',
|
|
||||||
':oncoming_taxi:',
|
|
||||||
':articulated_lorry:',
|
|
||||||
':bus:',
|
|
||||||
':oncoming_bus:',
|
|
||||||
':rotating_light:',
|
|
||||||
':police_car:',
|
|
||||||
':oncoming_police_car:',
|
|
||||||
':fire_engine:',
|
|
||||||
':ambulance:',
|
|
||||||
':minibus:',
|
|
||||||
':truck:',
|
|
||||||
':train:',
|
|
||||||
':station:',
|
|
||||||
':train2:',
|
|
||||||
':bullettrain_front:',
|
|
||||||
':bullettrain_side:',
|
|
||||||
':light_rail:',
|
|
||||||
':monorail:',
|
|
||||||
':railway_car:',
|
|
||||||
':trolleybus:',
|
|
||||||
':ticket:',
|
|
||||||
':fuelpump:',
|
|
||||||
':vertical_traffic_light:',
|
|
||||||
':traffic_light:',
|
|
||||||
':warning:',
|
|
||||||
':construction:',
|
|
||||||
':beginner:',
|
|
||||||
':atm:',
|
|
||||||
':slot_machine:',
|
|
||||||
':busstop:',
|
|
||||||
':barber:',
|
|
||||||
':hotsprings:',
|
|
||||||
':checkered_flag:',
|
|
||||||
':crossed_flags:',
|
|
||||||
':izakaya_lantern:',
|
|
||||||
':moyai:',
|
|
||||||
':circus_tent:',
|
|
||||||
':performing_arts:',
|
|
||||||
':round_pushpin:',
|
|
||||||
':triangular_flag_on_post:',
|
|
||||||
':jp:',
|
|
||||||
':kr:',
|
|
||||||
':cn:',
|
|
||||||
':us:',
|
|
||||||
':fr:',
|
|
||||||
':es:',
|
|
||||||
':it:',
|
|
||||||
':ru:',
|
|
||||||
':gb:',
|
|
||||||
':uk:',
|
|
||||||
':de:',
|
|
||||||
':one:',
|
|
||||||
':two:',
|
|
||||||
':three:',
|
|
||||||
':four:',
|
|
||||||
':five:',
|
|
||||||
':six:',
|
|
||||||
':seven:',
|
|
||||||
':eight:',
|
|
||||||
':nine:',
|
|
||||||
':keycap_ten:',
|
|
||||||
':1234:',
|
|
||||||
':zero:',
|
|
||||||
':hash:',
|
|
||||||
':symbols:',
|
|
||||||
':arrow_backward:',
|
|
||||||
':arrow_down:',
|
|
||||||
':arrow_forward:',
|
|
||||||
':arrow_left:',
|
|
||||||
':capital_abcd:',
|
|
||||||
':abcd:',
|
|
||||||
':abc:',
|
|
||||||
':arrow_lower_left:',
|
|
||||||
':arrow_lower_right:',
|
|
||||||
':arrow_right:',
|
|
||||||
':arrow_up:',
|
|
||||||
':arrow_upper_left:',
|
|
||||||
':arrow_upper_right:',
|
|
||||||
':arrow_double_down:',
|
|
||||||
':arrow_double_up:',
|
|
||||||
':arrow_down_small:',
|
|
||||||
':arrow_heading_down:',
|
|
||||||
':arrow_heading_up:',
|
|
||||||
':leftwards_arrow_with_hook:',
|
|
||||||
':arrow_right_hook:',
|
|
||||||
':left_right_arrow:',
|
|
||||||
':arrow_up_down:',
|
|
||||||
':arrow_up_small:',
|
|
||||||
':arrows_clockwise:',
|
|
||||||
':arrows_counterclockwise:',
|
|
||||||
':rewind:',
|
|
||||||
':fast_forward:',
|
|
||||||
':information_source:',
|
|
||||||
':ok:',
|
|
||||||
':twisted_rightwards_arrows:',
|
|
||||||
':repeat:',
|
|
||||||
':repeat_one:',
|
|
||||||
':new:',
|
|
||||||
':top:',
|
|
||||||
':up:',
|
|
||||||
':cool:',
|
|
||||||
':free:',
|
|
||||||
':ng:',
|
|
||||||
':cinema:',
|
|
||||||
':koko:',
|
|
||||||
':signal_strength:',
|
|
||||||
':u5272:',
|
|
||||||
':u5408:',
|
|
||||||
':u55b6:',
|
|
||||||
':u6307:',
|
|
||||||
':u6708:',
|
|
||||||
':u6709:',
|
|
||||||
':u6e80:',
|
|
||||||
':u7121:',
|
|
||||||
':u7533:',
|
|
||||||
':u7a7a:',
|
|
||||||
':u7981:',
|
|
||||||
':sa:',
|
|
||||||
':restroom:',
|
|
||||||
':mens:',
|
|
||||||
':womens:',
|
|
||||||
':baby_symbol:',
|
|
||||||
':no_smoking:',
|
|
||||||
':parking:',
|
|
||||||
':wheelchair:',
|
|
||||||
':metro:',
|
|
||||||
':baggage_claim:',
|
|
||||||
':accept:',
|
|
||||||
':wc:',
|
|
||||||
':potable_water:',
|
|
||||||
':put_litter_in_its_place:',
|
|
||||||
':secret:',
|
|
||||||
':congratulations:',
|
|
||||||
':m:',
|
|
||||||
':passport_control:',
|
|
||||||
':left_luggage:',
|
|
||||||
':customs:',
|
|
||||||
':ideograph_advantage:',
|
|
||||||
':cl:',
|
|
||||||
':sos:',
|
|
||||||
':id:',
|
|
||||||
':no_entry_sign:',
|
|
||||||
':underage:',
|
|
||||||
':no_mobile_phones:',
|
|
||||||
':do_not_litter:',
|
|
||||||
':non-potable_water:',
|
|
||||||
':no_bicycles:',
|
|
||||||
':no_pedestrians:',
|
|
||||||
':children_crossing:',
|
|
||||||
':no_entry:',
|
|
||||||
':eight_spoked_asterisk:',
|
|
||||||
':sparkle:',
|
|
||||||
':eight_pointed_black_star:',
|
|
||||||
':heart_decoration:',
|
|
||||||
':vs:',
|
|
||||||
':vibration_mode:',
|
|
||||||
':mobile_phone_off:',
|
|
||||||
':chart:',
|
|
||||||
':currency_exchange:',
|
|
||||||
':aries:',
|
|
||||||
':taurus:',
|
|
||||||
':gemini:',
|
|
||||||
':cancer:',
|
|
||||||
':leo:',
|
|
||||||
':virgo:',
|
|
||||||
':libra:',
|
|
||||||
':scorpius:',
|
|
||||||
':sagittarius:',
|
|
||||||
':capricorn:',
|
|
||||||
':aquarius:',
|
|
||||||
':pisces:',
|
|
||||||
':ophiuchus:',
|
|
||||||
':six_pointed_star:',
|
|
||||||
':negative_squared_cross_mark:',
|
|
||||||
':a:',
|
|
||||||
':b:',
|
|
||||||
':ab:',
|
|
||||||
':o2:',
|
|
||||||
':diamond_shape_with_a_dot_inside:',
|
|
||||||
':recycle:',
|
|
||||||
':end:',
|
|
||||||
':back:',
|
|
||||||
':on:',
|
|
||||||
':soon:',
|
|
||||||
':clock1:',
|
|
||||||
':clock130:',
|
|
||||||
':clock10:',
|
|
||||||
':clock1030:',
|
|
||||||
':clock11:',
|
|
||||||
':clock1130:',
|
|
||||||
':clock12:',
|
|
||||||
':clock1230:',
|
|
||||||
':clock2:',
|
|
||||||
':clock230:',
|
|
||||||
':clock3:',
|
|
||||||
':clock330:',
|
|
||||||
':clock4:',
|
|
||||||
':clock430:',
|
|
||||||
':clock5:',
|
|
||||||
':clock530:',
|
|
||||||
':clock6:',
|
|
||||||
':clock630:',
|
|
||||||
':clock7:',
|
|
||||||
':clock730:',
|
|
||||||
':clock8:',
|
|
||||||
':clock830:',
|
|
||||||
':clock9:',
|
|
||||||
':clock930:',
|
|
||||||
':heavy_dollar_sign:',
|
|
||||||
':copyright:',
|
|
||||||
':registered:',
|
|
||||||
':tm:',
|
|
||||||
':x:',
|
|
||||||
':heavy_exclamation_mark:',
|
|
||||||
':bangbang:',
|
|
||||||
':interrobang:',
|
|
||||||
':o:',
|
|
||||||
':heavy_multiplication_x:',
|
|
||||||
':heavy_plus_sign:',
|
|
||||||
':heavy_minus_sign:',
|
|
||||||
':heavy_division_sign:',
|
|
||||||
':white_flower:',
|
|
||||||
':100:',
|
|
||||||
':heavy_check_mark:',
|
|
||||||
':ballot_box_with_check:',
|
|
||||||
':radio_button:',
|
|
||||||
':link:',
|
|
||||||
':curly_loop:',
|
|
||||||
':wavy_dash:',
|
|
||||||
':part_alternation_mark:',
|
|
||||||
':trident:',
|
|
||||||
':black_small_square:',
|
|
||||||
':white_small_square:',
|
|
||||||
':black_medium_small_square:',
|
|
||||||
':white_medium_small_square:',
|
|
||||||
':black_medium_square:',
|
|
||||||
':white_medium_square:',
|
|
||||||
':white_large_square:',
|
|
||||||
':white_check_mark:',
|
|
||||||
':black_square_button:',
|
|
||||||
':white_square_button:',
|
|
||||||
':black_circle:',
|
|
||||||
':white_circle:',
|
|
||||||
':red_circle:',
|
|
||||||
':large_blue_circle:',
|
|
||||||
':large_blue_diamond:',
|
|
||||||
':large_orange_diamond:',
|
|
||||||
':small_blue_diamond:',
|
|
||||||
':small_orange_diamond:',
|
|
||||||
':small_red_triangle:',
|
|
||||||
':small_red_triangle_down:',
|
|
||||||
':shipit:'
|
|
||||||
]
|
|
||||||
};
|
|
||||||
|
|
||||||
// Add all emoji in a dropdown
|
|
||||||
$.extend(true, $.trumbowyg, {
|
|
||||||
langs: {
|
|
||||||
// jshint camelcase:false
|
|
||||||
en: {
|
|
||||||
emoji: 'Add an emoji'
|
|
||||||
},
|
|
||||||
fr: {
|
|
||||||
emoji: 'Ajouter un emoji'
|
|
||||||
},
|
|
||||||
zh_cn: {
|
|
||||||
emoji: '添加表情'
|
|
||||||
},
|
|
||||||
ru: {
|
|
||||||
emoji: 'Вставить emoji'
|
|
||||||
},
|
|
||||||
ja: {
|
|
||||||
emoji: '絵文字の挿入'
|
|
||||||
},
|
|
||||||
tr: {
|
|
||||||
emoji: 'Emoji ekle'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// jshint camelcase:true
|
|
||||||
plugins: {
|
|
||||||
emoji: {
|
|
||||||
init: function (trumbowyg) {
|
|
||||||
trumbowyg.o.plugins.emoji = trumbowyg.o.plugins.emoji || defaultOptions;
|
|
||||||
var emojiBtnDef = {
|
|
||||||
dropdown: buildDropdown(trumbowyg)
|
|
||||||
};
|
|
||||||
trumbowyg.addBtnDef('emoji', emojiBtnDef);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
function buildDropdown(trumbowyg) {
|
|
||||||
var dropdown = [];
|
|
||||||
|
|
||||||
$.each(trumbowyg.o.plugins.emoji.emojiList, function (i, emoji) {
|
|
||||||
if ($.isArray(emoji)) { // Custom emoji behaviour
|
|
||||||
var emojiCode = emoji[0],
|
|
||||||
emojiUrl = emoji[1],
|
|
||||||
emojiHtml = '<img src="' + emojiUrl + '" alt="' + emojiCode + '">',
|
|
||||||
customEmojiBtnName = 'emoji-' + emojiCode.replace(/:/g, ''),
|
|
||||||
customEmojiBtnDef = {
|
|
||||||
hasIcon: false,
|
|
||||||
text: emojiHtml,
|
|
||||||
fn: function () {
|
|
||||||
trumbowyg.execCmd('insertImage', emojiUrl, false, true);
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
trumbowyg.addBtnDef(customEmojiBtnName, customEmojiBtnDef);
|
|
||||||
dropdown.push(customEmojiBtnName);
|
|
||||||
} else { // Default behaviour
|
|
||||||
var btn = emoji.replace(/:/g, ''),
|
|
||||||
defaultEmojiBtnName = 'emoji-' + btn,
|
|
||||||
defaultEmojiBtnDef = {
|
|
||||||
text: emoji,
|
|
||||||
fn: function () {
|
|
||||||
trumbowyg.execCmd('insertText', emoji);
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
trumbowyg.addBtnDef(defaultEmojiBtnName, defaultEmojiBtnDef);
|
|
||||||
dropdown.push(defaultEmojiBtnName);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
return dropdown;
|
|
||||||
}
|
|
||||||
})(jQuery);
|
|
||||||
File diff suppressed because one or more lines are too long
@@ -1,56 +0,0 @@
|
|||||||
/**
|
|
||||||
* Trumbowyg v2.10.0 - A lightweight WYSIWYG editor
|
|
||||||
* Default stylesheet for Trumbowyg editor plugin
|
|
||||||
* ------------------------
|
|
||||||
* @link http://alex-d.github.io/Trumbowyg
|
|
||||||
* @license MIT
|
|
||||||
* @author Alexandre Demode (Alex-D)
|
|
||||||
* Twitter : @AlexandreDemode
|
|
||||||
* Website : alex-d.fr
|
|
||||||
*/
|
|
||||||
|
|
||||||
.trumbowyg-dropdown-emoji {
|
|
||||||
width: 265px;
|
|
||||||
padding: 7px 0 7px 5px;
|
|
||||||
height: 200px;
|
|
||||||
overflow-y: scroll;
|
|
||||||
overflow-x: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.trumbowyg-dropdown-emoji svg {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.trumbowyg-dropdown-emoji 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 .emoji {
|
|
||||||
width: 22px;
|
|
||||||
height: 22px;
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
@@ -1,47 +0,0 @@
|
|||||||
/**
|
|
||||||
* Trumbowyg v2.10.0 - A lightweight WYSIWYG editor
|
|
||||||
* Trumbowyg plugin stylesheet
|
|
||||||
* ------------------------
|
|
||||||
* @link http://alex-d.github.io/Trumbowyg
|
|
||||||
* @license MIT
|
|
||||||
* @author Alexandre Demode (Alex-D)
|
|
||||||
* Twitter : @AlexandreDemode
|
|
||||||
* Website : alex-d.fr
|
|
||||||
*/
|
|
||||||
|
|
||||||
.trumbowyg-dropdown-emoji {
|
|
||||||
width: 265px;
|
|
||||||
padding: 7px 0 7px 5px;
|
|
||||||
height: 200px;
|
|
||||||
overflow-y: scroll;
|
|
||||||
overflow-x: hidden; }
|
|
||||||
|
|
||||||
.trumbowyg-dropdown-emoji svg {
|
|
||||||
display: none !important; }
|
|
||||||
|
|
||||||
.trumbowyg-dropdown-emoji button {
|
|
||||||
display: block;
|
|
||||||
position: relative;
|
|
||||||
float: left;
|
|
||||||
height: 26px;
|
|
||||||
width: 26px;
|
|
||||||
padding: 0;
|
|
||||||
margin: 2px;
|
|
||||||
line-height: 24px;
|
|
||||||
text-align: center; }
|
|
||||||
.trumbowyg-dropdown-emoji button:hover::after, .trumbowyg-dropdown-emoji button: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 .emoji {
|
|
||||||
width: 22px;
|
|
||||||
height: 22px;
|
|
||||||
display: inline-block; }
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
/** Trumbowyg v2.10.0 - A lightweight WYSIWYG editor - alex-d.github.io/Trumbowyg - License MIT - Author : Alexandre Demode (Alex-D) / alex-d.fr */
|
|
||||||
.trumbowyg-dropdown-emoji{width:265px;padding:7px 0 7px 5px;height:200px;overflow-y:scroll;overflow-x:hidden}.trumbowyg-dropdown-emoji svg{display:none!important}.trumbowyg-dropdown-emoji button{display:block;position:relative;float:left;height:26px;width:26px;padding:0;margin:2px;line-height:24px;text-align:center}.trumbowyg-dropdown-emoji button:focus::after,.trumbowyg-dropdown-emoji button:hover::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 .emoji{width:22px;height:22px;display:inline-block}
|
|
||||||
@@ -1,73 +0,0 @@
|
|||||||
(function ($) {
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
$.extend(true, $.trumbowyg, {
|
|
||||||
langs: {
|
|
||||||
// jshint camelcase:false
|
|
||||||
en: {
|
|
||||||
fontFamily: 'Font'
|
|
||||||
},
|
|
||||||
fr: {
|
|
||||||
fontFamily: 'Police'
|
|
||||||
},
|
|
||||||
nl: {
|
|
||||||
fontFamily: 'Lettertype'
|
|
||||||
},
|
|
||||||
tr: {
|
|
||||||
fontFamily: 'Yazı Tipi'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
// jshint camelcase:true
|
|
||||||
|
|
||||||
var defaultOptions = {
|
|
||||||
fontList: [
|
|
||||||
{name: 'Arial', family: 'Arial, Helvetica, sans-serif'},
|
|
||||||
{name: 'Arial Black', family: '\'Arial Black\', Gadget, sans-serif'},
|
|
||||||
{name: 'Comic Sans', family: '\'Comic Sans MS\', Textile, cursive, sans-serif'},
|
|
||||||
{name: 'Courier New', family: '\'Courier New\', Courier, monospace'},
|
|
||||||
{name: 'Georgia', family: 'Georgia, serif'},
|
|
||||||
{name: 'Impact', family: 'Impact, Charcoal, sans-serif'},
|
|
||||||
{name: 'Lucida Console', family: '\'Lucida Console\', Monaco, monospace'},
|
|
||||||
{name: 'Lucida Sans', family: '\'Lucida Sans Uncide\', \'Lucida Grande\', sans-serif'},
|
|
||||||
{name: 'Palatino', family: '\'Palatino Linotype\', \'Book Antiqua\', Palatino, serif'},
|
|
||||||
{name: 'Tahoma', family: 'Tahoma, Geneva, sans-serif'},
|
|
||||||
{name: 'Times New Roman', family: '\'Times New Roman\', Times, serif'},
|
|
||||||
{name: 'Trebuchet', family: '\'Trebuchet MS\', Helvetica, sans-serif'},
|
|
||||||
{name: 'Verdana', family: 'Verdana, Geneva, sans-serif'}
|
|
||||||
]
|
|
||||||
};
|
|
||||||
|
|
||||||
// Add dropdown with web safe fonts
|
|
||||||
$.extend(true, $.trumbowyg, {
|
|
||||||
plugins: {
|
|
||||||
fontfamily: {
|
|
||||||
init: function (trumbowyg) {
|
|
||||||
trumbowyg.o.plugins.fontfamily = trumbowyg.o.plugins.fontfamily || defaultOptions;
|
|
||||||
trumbowyg.addBtnDef('fontfamily', {
|
|
||||||
dropdown: buildDropdown(trumbowyg),
|
|
||||||
hasIcon: false,
|
|
||||||
text: trumbowyg.lang.fontFamily
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
function buildDropdown(trumbowyg) {
|
|
||||||
var dropdown = [];
|
|
||||||
|
|
||||||
$.each(trumbowyg.o.plugins.fontfamily.fontList, function (index, font) {
|
|
||||||
trumbowyg.addBtnDef('fontfamily_' + index, {
|
|
||||||
title: '<span style="font-family: ' + font.family + ';">' + font.name + '</span>',
|
|
||||||
hasIcon: false,
|
|
||||||
fn: function () {
|
|
||||||
trumbowyg.execCmd('fontName', font.family, true);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
dropdown.push('fontfamily_' + index);
|
|
||||||
});
|
|
||||||
|
|
||||||
return dropdown;
|
|
||||||
}
|
|
||||||
})(jQuery);
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
!function(a){"use strict";function n(n){var i=[];return a.each(n.o.plugins.fontfamily.fontList,function(a,e){n.addBtnDef("fontfamily_"+a,{title:'<span style="font-family: '+e.family+';">'+e.name+"</span>",hasIcon:!1,fn:function(){n.execCmd("fontName",e.family,!0)}}),i.push("fontfamily_"+a)}),i}a.extend(!0,a.trumbowyg,{langs:{en:{fontFamily:"Font"},fr:{fontFamily:"Police"},nl:{fontFamily:"Lettertype"},tr:{fontFamily:"Yazı Tipi"}}});var i={fontList:[{name:"Arial",family:"Arial, Helvetica, sans-serif"},{name:"Arial Black",family:"'Arial Black', Gadget, sans-serif"},{name:"Comic Sans",family:"'Comic Sans MS', Textile, cursive, sans-serif"},{name:"Courier New",family:"'Courier New', Courier, monospace"},{name:"Georgia",family:"Georgia, serif"},{name:"Impact",family:"Impact, Charcoal, sans-serif"},{name:"Lucida Console",family:"'Lucida Console', Monaco, monospace"},{name:"Lucida Sans",family:"'Lucida Sans Uncide', 'Lucida Grande', sans-serif"},{name:"Palatino",family:"'Palatino Linotype', 'Book Antiqua', Palatino, serif"},{name:"Tahoma",family:"Tahoma, Geneva, sans-serif"},{name:"Times New Roman",family:"'Times New Roman', Times, serif"},{name:"Trebuchet",family:"'Trebuchet MS', Helvetica, sans-serif"},{name:"Verdana",family:"Verdana, Geneva, sans-serif"}]};a.extend(!0,a.trumbowyg,{plugins:{fontfamily:{init:function(a){a.o.plugins.fontfamily=a.o.plugins.fontfamily||i,a.addBtnDef("fontfamily",{dropdown:n(a),hasIcon:!1,text:a.lang.fontFamily})}}}})}(jQuery);
|
|
||||||
@@ -1,117 +0,0 @@
|
|||||||
(function ($) {
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
$.extend(true, $.trumbowyg, {
|
|
||||||
langs: {
|
|
||||||
// jshint camelcase:false
|
|
||||||
en: {
|
|
||||||
fontsize: 'Font size',
|
|
||||||
fontsizes: {
|
|
||||||
'x-small': 'Extra small',
|
|
||||||
'small': 'Small',
|
|
||||||
'medium': 'Regular',
|
|
||||||
'large': 'Large',
|
|
||||||
'x-large': 'Extra large',
|
|
||||||
'custom': 'Custom'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
fr: {
|
|
||||||
fontsize: 'Taille de la police',
|
|
||||||
fontsizes: {
|
|
||||||
'x-small': 'Très petit',
|
|
||||||
'small': 'Petit',
|
|
||||||
'medium': 'Normal',
|
|
||||||
'large': 'Grand',
|
|
||||||
'x-large': 'Très grand',
|
|
||||||
'custom': 'Douane'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
nl: {
|
|
||||||
fontsize: 'Lettergrootte',
|
|
||||||
fontsizes: {
|
|
||||||
'x-small': 'Extra klein',
|
|
||||||
'small': 'Klein',
|
|
||||||
'medium': 'Normaal',
|
|
||||||
'large': 'Groot',
|
|
||||||
'x-large': 'Extra groot',
|
|
||||||
'custom': 'Tilpasset'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
tr: {
|
|
||||||
fontsize: 'Yazı Boyutu',
|
|
||||||
fontsizes: {
|
|
||||||
'x-small': 'Çok Küçük',
|
|
||||||
'small': 'Küçük',
|
|
||||||
'medium': 'Normal',
|
|
||||||
'large': 'Büyük',
|
|
||||||
'x-large': 'Çok Büyük',
|
|
||||||
'custom': 'Görenek'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
// jshint camelcase:true
|
|
||||||
|
|
||||||
// Add dropdown with font sizes
|
|
||||||
$.extend(true, $.trumbowyg, {
|
|
||||||
plugins: {
|
|
||||||
fontsize: {
|
|
||||||
init: function (trumbowyg) {
|
|
||||||
trumbowyg.addBtnDef('fontsize', {
|
|
||||||
dropdown: buildDropdown(trumbowyg)
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
function buildDropdown(trumbowyg) {
|
|
||||||
var dropdown = [];
|
|
||||||
var sizes = ['x-small', 'small', 'medium', 'large', 'x-large'];
|
|
||||||
|
|
||||||
$.each(sizes, function (index, size) {
|
|
||||||
trumbowyg.addBtnDef('fontsize_' + size, {
|
|
||||||
text: '<span style="font-size: ' + size + ';">' + trumbowyg.lang.fontsizes[size] + '</span>',
|
|
||||||
hasIcon: false,
|
|
||||||
fn: function () {
|
|
||||||
trumbowyg.execCmd('fontSize', index + 1, true);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
dropdown.push('fontsize_' + size);
|
|
||||||
});
|
|
||||||
|
|
||||||
var freeSizeButtonName = 'fontsize_custom',
|
|
||||||
freeSizeBtnDef = {
|
|
||||||
fn: function () {
|
|
||||||
trumbowyg.openModalInsert('Custom Font Size',
|
|
||||||
{
|
|
||||||
size: {
|
|
||||||
label: 'Font Size',
|
|
||||||
value: '48px'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
function (values) {
|
|
||||||
var text = trumbowyg.range.startContainer.parentElement;
|
|
||||||
var selectedText = trumbowyg.getRangeText();
|
|
||||||
if ($(text).html() === selectedText) {
|
|
||||||
$(text).css('font-size', values.size);
|
|
||||||
} else {
|
|
||||||
trumbowyg.range.deleteContents();
|
|
||||||
var html = '<span style="font-size: ' + values.size + ';">' + selectedText + '</span>';
|
|
||||||
var node = $(html)[0];
|
|
||||||
trumbowyg.range.insertNode(node);
|
|
||||||
}
|
|
||||||
trumbowyg.saveRange();
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
);
|
|
||||||
},
|
|
||||||
text: '<span style="font-size: medium;">' + trumbowyg.lang.fontsizes.custom + '</span>',
|
|
||||||
hasIcon: false
|
|
||||||
};
|
|
||||||
trumbowyg.addBtnDef(freeSizeButtonName, freeSizeBtnDef);
|
|
||||||
dropdown.push(freeSizeButtonName);
|
|
||||||
|
|
||||||
return dropdown;
|
|
||||||
}
|
|
||||||
})(jQuery);
|
|
||||||
File diff suppressed because one or more lines are too long
@@ -1,82 +0,0 @@
|
|||||||
/* globals Prism */
|
|
||||||
(function ($, Prism) {
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
// My plugin default options
|
|
||||||
var defaultOptions = {};
|
|
||||||
|
|
||||||
function highlightIt(text, language) {
|
|
||||||
return [
|
|
||||||
'<pre class="language-' + language + '">',
|
|
||||||
'<code class="language-' + language + '">' + Prism.highlight(text, Prism.languages[language]) + '</code>',
|
|
||||||
'</pre>',
|
|
||||||
].join('');
|
|
||||||
}
|
|
||||||
|
|
||||||
// If my plugin is a button
|
|
||||||
function buildButtonDef(trumbowyg) {
|
|
||||||
return {
|
|
||||||
fn: function () {
|
|
||||||
var $modal = trumbowyg.openModal('Code', [
|
|
||||||
'<div class="' + trumbowyg.o.prefix + 'highlight-form-group">',
|
|
||||||
' <select class="' + trumbowyg.o.prefix + 'highlight-form-control language">',
|
|
||||||
(function () {
|
|
||||||
var options = '';
|
|
||||||
|
|
||||||
for (var lang in Prism.languages) {
|
|
||||||
if (Prism.languages[lang].comment) {
|
|
||||||
options += '<option value="' + lang + '">' + lang + '</option>';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return options;
|
|
||||||
})(),
|
|
||||||
' </select>',
|
|
||||||
'</div>',
|
|
||||||
'<div class="' + trumbowyg.o.prefix + 'highlight-form-group">',
|
|
||||||
' <textarea class="' + trumbowyg.o.prefix + 'highlight-form-control code"></textarea>',
|
|
||||||
'</div>',
|
|
||||||
].join('\n')),
|
|
||||||
$language = $modal.find('.language'),
|
|
||||||
$code = $modal.find('.code');
|
|
||||||
|
|
||||||
// Listen clicks on modal box buttons
|
|
||||||
$modal.on('tbwconfirm', function () {
|
|
||||||
trumbowyg.restoreRange();
|
|
||||||
trumbowyg.execCmd('insertHTML', highlightIt($code.val(), $language.val()));
|
|
||||||
trumbowyg.execCmd('insertHTML', '<p><br></p>');
|
|
||||||
|
|
||||||
trumbowyg.closeModal();
|
|
||||||
});
|
|
||||||
|
|
||||||
$modal.on('tbwcancel', function () {
|
|
||||||
trumbowyg.closeModal();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
$.extend(true, $.trumbowyg, {
|
|
||||||
// Add some translations
|
|
||||||
langs: {
|
|
||||||
en: {
|
|
||||||
highlight: 'Code syntax highlight'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// Add our plugin to Trumbowyg registred plugins
|
|
||||||
plugins: {
|
|
||||||
highlight: {
|
|
||||||
init: function (trumbowyg) {
|
|
||||||
// Fill current Trumbowyg instance with my plugin default options
|
|
||||||
trumbowyg.o.plugins.highlight = $.extend(true, {},
|
|
||||||
defaultOptions,
|
|
||||||
trumbowyg.o.plugins.highlight || {}
|
|
||||||
);
|
|
||||||
|
|
||||||
// If my plugin is a button
|
|
||||||
trumbowyg.addBtnDef('highlight', buildButtonDef(trumbowyg));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
})(jQuery, Prism);
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
!function(n,i){"use strict";function e(n,e){return['<pre class="language-'+e+'">','<code class="language-'+e+'">'+i.highlight(n,i.languages[e])+"</code>","</pre>"].join("")}function o(n){return{fn:function(){var o=n.openModal("Code",['<div class="'+n.o.prefix+'highlight-form-group">',' <select class="'+n.o.prefix+'highlight-form-control language">',function(){var n="";for(var e in i.languages)i.languages[e].comment&&(n+='<option value="'+e+'">'+e+"</option>");return n}()," </select>","</div>",'<div class="'+n.o.prefix+'highlight-form-group">',' <textarea class="'+n.o.prefix+'highlight-form-control code"></textarea>',"</div>"].join("\n")),t=o.find(".language"),g=o.find(".code");o.on("tbwconfirm",function(){n.restoreRange(),n.execCmd("insertHTML",e(g.val(),t.val())),n.execCmd("insertHTML","<p><br></p>"),n.closeModal()}),o.on("tbwcancel",function(){n.closeModal()})}}}var t={};n.extend(!0,n.trumbowyg,{langs:{en:{highlight:"Code syntax highlight"}},plugins:{highlight:{init:function(i){i.o.plugins.highlight=n.extend(!0,{},t,i.o.plugins.highlight||{}),i.addBtnDef("highlight",o(i))}}}})}(jQuery,Prism);
|
|
||||||
@@ -1,25 +0,0 @@
|
|||||||
/**
|
|
||||||
* Trumbowyg v2.10.0 - A lightweight WYSIWYG editor
|
|
||||||
* Default stylesheet for Trumbowyg editor plugin
|
|
||||||
* ------------------------
|
|
||||||
* @link http://alex-d.github.io/Trumbowyg
|
|
||||||
* @license MIT
|
|
||||||
* @author Alexandre Demode (Alex-D)
|
|
||||||
* Twitter : @AlexandreDemode
|
|
||||||
* Website : alex-d.fr
|
|
||||||
*/
|
|
||||||
|
|
||||||
.trumbowyg-highlight-form-group {
|
|
||||||
margin: 15px 10px;
|
|
||||||
|
|
||||||
.trumbowyg-highlight-form-control {
|
|
||||||
width: 100%;
|
|
||||||
border: 1px solid #DEDEDE;
|
|
||||||
font-size: 14px;
|
|
||||||
padding: 7px;
|
|
||||||
|
|
||||||
&.code {
|
|
||||||
height: 200px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,20 +0,0 @@
|
|||||||
/**
|
|
||||||
* Trumbowyg v2.10.0 - A lightweight WYSIWYG editor
|
|
||||||
* Trumbowyg plugin stylesheet
|
|
||||||
* ------------------------
|
|
||||||
* @link http://alex-d.github.io/Trumbowyg
|
|
||||||
* @license MIT
|
|
||||||
* @author Alexandre Demode (Alex-D)
|
|
||||||
* Twitter : @AlexandreDemode
|
|
||||||
* Website : alex-d.fr
|
|
||||||
*/
|
|
||||||
|
|
||||||
.trumbowyg-highlight-form-group {
|
|
||||||
margin: 15px 10px; }
|
|
||||||
.trumbowyg-highlight-form-group .trumbowyg-highlight-form-control {
|
|
||||||
width: 100%;
|
|
||||||
border: 1px solid #DEDEDE;
|
|
||||||
font-size: 14px;
|
|
||||||
padding: 7px; }
|
|
||||||
.trumbowyg-highlight-form-group .trumbowyg-highlight-form-control.code {
|
|
||||||
height: 200px; }
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
/** Trumbowyg v2.10.0 - A lightweight WYSIWYG editor - alex-d.github.io/Trumbowyg - License MIT - Author : Alexandre Demode (Alex-D) / alex-d.fr */
|
|
||||||
.trumbowyg-highlight-form-group{margin:15px 10px}.trumbowyg-highlight-form-group .trumbowyg-highlight-form-control{width:100%;border:1px solid #DEDEDE;font-size:14px;padding:7px}.trumbowyg-highlight-form-group .trumbowyg-highlight-form-control.code{height:200px}
|
|
||||||
@@ -1,190 +0,0 @@
|
|||||||
/*/* ===========================================================
|
|
||||||
* trumbowyg.history.js v1.0
|
|
||||||
* history plugin for Trumbowyg
|
|
||||||
* http://alex-d.github.com/Trumbowyg
|
|
||||||
* ===========================================================
|
|
||||||
* Author : Sven Dunemann [dunemann@forelabs.eu]
|
|
||||||
*/
|
|
||||||
|
|
||||||
(function ($) {
|
|
||||||
'use strict';
|
|
||||||
$.extend(true, $.trumbowyg, {
|
|
||||||
langs: {
|
|
||||||
de: {
|
|
||||||
history: {
|
|
||||||
redo: 'Wiederholen',
|
|
||||||
undo: 'Rückgängig'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
en: {
|
|
||||||
history: {
|
|
||||||
redo: 'Redo',
|
|
||||||
undo: 'Undo'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
fr: {
|
|
||||||
history: {
|
|
||||||
redo: 'Annuler',
|
|
||||||
undo: 'Rétablir'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
plugins: {
|
|
||||||
history: {
|
|
||||||
init: function (t) {
|
|
||||||
t.o.plugins.history = $.extend(true, {
|
|
||||||
_stack: [],
|
|
||||||
_index: -1,
|
|
||||||
_focusEl: undefined
|
|
||||||
}, t.o.plugins.history || {});
|
|
||||||
|
|
||||||
var btnBuildDefRedo = {
|
|
||||||
title: t.lang.history.redo,
|
|
||||||
ico: 'redo',
|
|
||||||
key: 'Y',
|
|
||||||
fn: function () {
|
|
||||||
if (t.o.plugins.history._index < t.o.plugins.history._stack.length - 1) {
|
|
||||||
t.o.plugins.history._index += 1;
|
|
||||||
var index = t.o.plugins.history._index;
|
|
||||||
var newState = t.o.plugins.history._stack[index];
|
|
||||||
|
|
||||||
t.execCmd('html', newState);
|
|
||||||
// because of some semantic optimisations we have to save the state back
|
|
||||||
// to history
|
|
||||||
t.o.plugins.history._stack[index] = t.$ed.html();
|
|
||||||
|
|
||||||
carretToEnd();
|
|
||||||
toggleButtonStates();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
var btnBuildDefUndo = {
|
|
||||||
title: t.lang.history.undo,
|
|
||||||
ico: 'undo',
|
|
||||||
key: 'Z',
|
|
||||||
fn: function () {
|
|
||||||
if (t.o.plugins.history._index > 0) {
|
|
||||||
t.o.plugins.history._index -= 1;
|
|
||||||
var index = t.o.plugins.history._index,
|
|
||||||
newState = t.o.plugins.history._stack[index];
|
|
||||||
|
|
||||||
t.execCmd('html', newState);
|
|
||||||
// because of some semantic optimisations we have to save the state back
|
|
||||||
// to history
|
|
||||||
t.o.plugins.history._stack[index] = t.$ed.html();
|
|
||||||
|
|
||||||
carretToEnd();
|
|
||||||
toggleButtonStates();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
var pushToHistory = function () {
|
|
||||||
var index = t.o.plugins.history._index,
|
|
||||||
stack = t.o.plugins.history._stack,
|
|
||||||
latestState = stack.slice(-1)[0] || '<p></p>',
|
|
||||||
prevState = stack[index],
|
|
||||||
newState = t.$ed.html(),
|
|
||||||
focusEl = t.doc.getSelection().focusNode,
|
|
||||||
focusElText = '',
|
|
||||||
latestStateTagsList,
|
|
||||||
newStateTagsList,
|
|
||||||
prevFocusEl = t.o.plugins.history._focusEl;
|
|
||||||
|
|
||||||
latestStateTagsList = $('<div>' + latestState + '</div>').find('*').map(function () {
|
|
||||||
return this.localName;
|
|
||||||
});
|
|
||||||
newStateTagsList = $('<div>' + newState + '</div>').find('*').map(function () {
|
|
||||||
return this.localName;
|
|
||||||
});
|
|
||||||
if (focusEl) {
|
|
||||||
t.o.plugins.history._focusEl = focusEl;
|
|
||||||
focusElText = focusEl.outerHTML || focusEl.textContent;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (newState !== prevState) {
|
|
||||||
// a new stack entry is defined when current insert ends on a whitespace character
|
|
||||||
// or count of node elements has been changed
|
|
||||||
// or focused element differs from previous one
|
|
||||||
if (focusElText.slice(-1).match(/\s/) ||
|
|
||||||
!arraysAreIdentical(latestStateTagsList, newStateTagsList) ||
|
|
||||||
t.o.plugins.history._index <= 0 || focusEl !== prevFocusEl)
|
|
||||||
{
|
|
||||||
t.o.plugins.history._index += 1;
|
|
||||||
// remove newer entries in history when something new was added
|
|
||||||
// because timeline was changes with interaction
|
|
||||||
t.o.plugins.history._stack = stack.slice(
|
|
||||||
0, t.o.plugins.history._index
|
|
||||||
);
|
|
||||||
// now add new state to modifed history
|
|
||||||
t.o.plugins.history._stack.push(newState);
|
|
||||||
} else {
|
|
||||||
// modify last stack entry
|
|
||||||
t.o.plugins.history._stack[index] = newState;
|
|
||||||
}
|
|
||||||
|
|
||||||
toggleButtonStates();
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
var toggleButtonStates = function () {
|
|
||||||
var index = t.o.plugins.history._index,
|
|
||||||
stackSize = t.o.plugins.history._stack.length,
|
|
||||||
undoState = (index > 0),
|
|
||||||
redoState = (stackSize !== 0 && index !== stackSize - 1);
|
|
||||||
|
|
||||||
toggleButtonState('historyUndo', undoState);
|
|
||||||
toggleButtonState('historyRedo', redoState);
|
|
||||||
};
|
|
||||||
|
|
||||||
var toggleButtonState = function (btn, enable) {
|
|
||||||
var button = t.$box.find('.trumbowyg-' + btn + '-button');
|
|
||||||
|
|
||||||
if (enable) {
|
|
||||||
button.removeClass('trumbowyg-disable');
|
|
||||||
} else if (!button.hasClass('trumbowyg-disable')) {
|
|
||||||
button.addClass('trumbowyg-disable');
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
var arraysAreIdentical = function (a, b) {
|
|
||||||
if (a === b) {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
if (a == null || b == null) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
if (a.length !== b.length) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
for (var i = 0; i < a.length; i += 1) {
|
|
||||||
if (a[i] !== b[i]) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return true;
|
|
||||||
};
|
|
||||||
|
|
||||||
var carretToEnd = function () {
|
|
||||||
var node = t.doc.getSelection().focusNode,
|
|
||||||
range = t.doc.createRange();
|
|
||||||
|
|
||||||
if (node.childNodes.length > 0) {
|
|
||||||
range.setStartAfter(node.childNodes[node.childNodes.length - 1]);
|
|
||||||
range.setEndAfter(node.childNodes[node.childNodes.length - 1]);
|
|
||||||
t.doc.getSelection().removeAllRanges();
|
|
||||||
t.doc.getSelection().addRange(range);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
t.$c.on('tbwinit tbwchange', pushToHistory);
|
|
||||||
|
|
||||||
t.addBtnDef('historyRedo', btnBuildDefRedo);
|
|
||||||
t.addBtnDef('historyUndo', btnBuildDefUndo);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
})(jQuery);
|
|
||||||
File diff suppressed because one or more lines are too long
@@ -1,89 +0,0 @@
|
|||||||
/*/* ===========================================================
|
|
||||||
* trumbowyg.insertaudio.js v1.0
|
|
||||||
* InsertAudio plugin for Trumbowyg
|
|
||||||
* http://alex-d.github.com/Trumbowyg
|
|
||||||
* ===========================================================
|
|
||||||
* Author : Adam Hess (AdamHess)
|
|
||||||
*/
|
|
||||||
|
|
||||||
(function ($) {
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
var insertAudioOptions = {
|
|
||||||
src: {
|
|
||||||
label: 'URL',
|
|
||||||
required: true
|
|
||||||
},
|
|
||||||
autoplay: {
|
|
||||||
label: 'AutoPlay',
|
|
||||||
required: false,
|
|
||||||
type: 'checkbox'
|
|
||||||
},
|
|
||||||
muted: {
|
|
||||||
label: 'Muted',
|
|
||||||
required: false,
|
|
||||||
type: 'checkbox'
|
|
||||||
},
|
|
||||||
preload: {
|
|
||||||
label: 'preload options',
|
|
||||||
required: false
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
$.extend(true, $.trumbowyg, {
|
|
||||||
langs: {
|
|
||||||
en: {
|
|
||||||
insertAudio: 'Insert Audio'
|
|
||||||
},
|
|
||||||
fr: {
|
|
||||||
insertAudio: 'Insérer un son'
|
|
||||||
},
|
|
||||||
ru: {
|
|
||||||
insertAudio: 'Вставить аудио'
|
|
||||||
},
|
|
||||||
ja: {
|
|
||||||
insertAudio: '音声の挿入'
|
|
||||||
},
|
|
||||||
tr: {
|
|
||||||
insertAudio: 'Ses Ekle'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
plugins: {
|
|
||||||
insertAudio: {
|
|
||||||
init: function (trumbowyg) {
|
|
||||||
var btnDef = {
|
|
||||||
fn: function () {
|
|
||||||
var insertAudioCallback = function (v) {
|
|
||||||
// controls should always be show otherwise the audio will
|
|
||||||
// be invisible defeating the point of a wysiwyg
|
|
||||||
var html = '<audio controls';
|
|
||||||
if (v.src) {
|
|
||||||
html += ' src=\'' + v.src + '\'';
|
|
||||||
}
|
|
||||||
if (v.autoplay) {
|
|
||||||
html += ' autoplay';
|
|
||||||
}
|
|
||||||
if (v.muted) {
|
|
||||||
html += ' muted';
|
|
||||||
}
|
|
||||||
if (v.preload) {
|
|
||||||
html += ' preload=\'' + v + '\'';
|
|
||||||
}
|
|
||||||
html += '></audio>';
|
|
||||||
var node = $(html)[0];
|
|
||||||
trumbowyg.range.deleteContents();
|
|
||||||
trumbowyg.range.insertNode(node);
|
|
||||||
return true;
|
|
||||||
};
|
|
||||||
|
|
||||||
trumbowyg.openModalInsert(trumbowyg.lang.insertAudio, insertAudioOptions, insertAudioCallback);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
trumbowyg.addBtnDef('insertAudio', btnDef);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
})(jQuery);
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
!function(e){"use strict";var r={src:{label:"URL",required:!0},autoplay:{label:"AutoPlay",required:!1,type:"checkbox"},muted:{label:"Muted",required:!1,type:"checkbox"},preload:{label:"preload options",required:!1}};e.extend(!0,e.trumbowyg,{langs:{en:{insertAudio:"Insert Audio"},fr:{insertAudio:"Insérer un son"},ru:{insertAudio:"Вставить аудио"},ja:{insertAudio:"音声の挿入"},tr:{insertAudio:"Ses Ekle"}},plugins:{insertAudio:{init:function(n){var t={fn:function(){var t=function(r){var t="<audio controls";r.src&&(t+=" src='"+r.src+"'"),r.autoplay&&(t+=" autoplay"),r.muted&&(t+=" muted"),r.preload&&(t+=" preload='"+r+"'"),t+="></audio>";var o=e(t)[0];return n.range.deleteContents(),n.range.insertNode(o),!0};n.openModalInsert(n.lang.insertAudio,r,t)}};n.addBtnDef("insertAudio",t)}}}})}(jQuery);
|
|
||||||
@@ -1,104 +0,0 @@
|
|||||||
(function ($) {
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
$.extend(true, $.trumbowyg, {
|
|
||||||
langs: {
|
|
||||||
// jshint camelcase:false
|
|
||||||
en: {
|
|
||||||
lineheight: 'Line height',
|
|
||||||
lineheights: {
|
|
||||||
'0.9': 'Small',
|
|
||||||
'normal': 'Regular',
|
|
||||||
'1.5': 'Large',
|
|
||||||
'2.0': 'Extra large'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
fr: {
|
|
||||||
lineheight: 'Hauteur de ligne',
|
|
||||||
lineheights: {
|
|
||||||
'0.9': 'Petit',
|
|
||||||
'normal': 'Regular',
|
|
||||||
'1.5': 'Grand',
|
|
||||||
'2.0': 'Très grand'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
nl: {
|
|
||||||
lineheight: 'Regelhoogte',
|
|
||||||
lineheights: {
|
|
||||||
'0.9': 'Klein',
|
|
||||||
'normal': 'Normaal',
|
|
||||||
'1.5': 'Groot',
|
|
||||||
'2.0': 'Extra groot'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
tr: {
|
|
||||||
lineheight: 'Satır yüksekliği',
|
|
||||||
lineheights: {
|
|
||||||
'0.9': 'Küçük',
|
|
||||||
'normal': 'Normal',
|
|
||||||
'1.5': 'Büyük',
|
|
||||||
'2.0': 'Çok Büyük'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
// jshint camelcase:true
|
|
||||||
|
|
||||||
// Add dropdown with font sizes
|
|
||||||
$.extend(true, $.trumbowyg, {
|
|
||||||
plugins: {
|
|
||||||
lineheight: {
|
|
||||||
init: function (trumbowyg) {
|
|
||||||
trumbowyg.addBtnDef('lineheight', {
|
|
||||||
dropdown: buildDropdown(trumbowyg)
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// Build the dropdown
|
|
||||||
function buildDropdown(trumbowyg) {
|
|
||||||
var dropdown = [];
|
|
||||||
var sizes = ['0.9', 'normal', '1.5', '2.0'];
|
|
||||||
|
|
||||||
$.each(sizes, function(index, size) {
|
|
||||||
trumbowyg.addBtnDef('lineheight_' + size, {
|
|
||||||
text: '<span style="line-height: ' + size + ';">' + trumbowyg.lang.lineheights[size] + '</span>',
|
|
||||||
hasIcon: false,
|
|
||||||
fn: function(){
|
|
||||||
trumbowyg.saveRange();
|
|
||||||
var text = trumbowyg.getRangeText();
|
|
||||||
if (text.replace(/\s/g, '') !== '') {
|
|
||||||
try {
|
|
||||||
var parent = getSelectionParentElement();
|
|
||||||
$(parent).css('lineHeight', size);
|
|
||||||
} catch (e) {
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
dropdown.push('lineheight_' + size);
|
|
||||||
});
|
|
||||||
|
|
||||||
return dropdown;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Get the selection's parent
|
|
||||||
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;
|
|
||||||
}
|
|
||||||
})(jQuery);
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
!function(e){"use strict";function n(n){var i=[],l=["0.9","normal","1.5","2.0"];return e.each(l,function(l,r){n.addBtnDef("lineheight_"+r,{text:'<span style="line-height: '+r+';">'+n.lang.lineheights[r]+"</span>",hasIcon:!1,fn:function(){n.saveRange();var i=n.getRangeText();if(""!==i.replace(/\s/g,""))try{var l=t();e(l).css("lineHeight",r)}catch(a){}}}),i.push("lineheight_"+r)}),i}function t(){var e,n=null;return window.getSelection?(e=window.getSelection(),e.rangeCount&&(n=e.getRangeAt(0).commonAncestorContainer,1!==n.nodeType&&(n=n.parentNode))):(e=document.selection)&&"Control"!==e.type&&(n=e.createRange().parentElement()),n}e.extend(!0,e.trumbowyg,{langs:{en:{lineheight:"Line height",lineheights:{.9:"Small",normal:"Regular",1.5:"Large","2.0":"Extra large"}},fr:{lineheight:"Hauteur de ligne",lineheights:{.9:"Petit",normal:"Regular",1.5:"Grand","2.0":"Très grand"}},nl:{lineheight:"Regelhoogte",lineheights:{.9:"Klein",normal:"Normaal",1.5:"Groot","2.0":"Extra groot"}},tr:{lineheight:"Satır yüksekliği",lineheights:{.9:"Küçük",normal:"Normal",1.5:"Büyük","2.0":"Çok Büyük"}}}}),e.extend(!0,e.trumbowyg,{plugins:{lineheight:{init:function(e){e.addBtnDef("lineheight",{dropdown:n(e)})}}}})}(jQuery);
|
|
||||||
@@ -1,88 +0,0 @@
|
|||||||
/* ===========================================================
|
|
||||||
* trumbowyg.mathMl.js v1.0
|
|
||||||
* MathML plugin for Trumbowyg
|
|
||||||
* https://github.com/loclamor/Trumbowyg/tree/mathml-plugin/plugins/mathml
|
|
||||||
* ===========================================================
|
|
||||||
* Author : loclamor
|
|
||||||
*/
|
|
||||||
|
|
||||||
/* globals MathJax */
|
|
||||||
(function($) {
|
|
||||||
'use strict';
|
|
||||||
$.extend(true, $.trumbowyg, {
|
|
||||||
langs: {
|
|
||||||
en: {
|
|
||||||
mathml: 'Insert Formulas',
|
|
||||||
formulas: 'Formulas',
|
|
||||||
inline: 'Inline'
|
|
||||||
},
|
|
||||||
fr: {
|
|
||||||
mathml: 'Inserer une formule',
|
|
||||||
formulas: 'Formule',
|
|
||||||
inline: 'En ligne'
|
|
||||||
},
|
|
||||||
tr: {
|
|
||||||
mathml: 'Formül Ekle',
|
|
||||||
formulas: 'Formüller',
|
|
||||||
inline: 'Satır içi'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
plugins: {
|
|
||||||
mathml: {
|
|
||||||
init: function(trumbowyg) {
|
|
||||||
var btnDef = {
|
|
||||||
fn: function() {
|
|
||||||
trumbowyg.saveRange();
|
|
||||||
var mathMLoptions = {
|
|
||||||
formulas: {
|
|
||||||
label: trumbowyg.lang.formulas,
|
|
||||||
required: true,
|
|
||||||
value: ''
|
|
||||||
},
|
|
||||||
inline: {
|
|
||||||
label: trumbowyg.lang.inline,
|
|
||||||
attributes: {
|
|
||||||
checked: true
|
|
||||||
},
|
|
||||||
type: 'checkbox',
|
|
||||||
required: false,
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
var mathmlCallback = function(v) {
|
|
||||||
var delimitor = v.inline ? '$' : '$$';
|
|
||||||
if (trumbowyg.currentMathNode) {
|
|
||||||
$(trumbowyg.currentMathNode).html(delimitor + ' ' + v.formulas + ' ' + delimitor).attr('formulas', v.formulas).attr('inline', (v.inline ? 'true' : 'false'));
|
|
||||||
} else {
|
|
||||||
var html = '<span class="mathMlContainer" contenteditable="false" formulas="' + v.formulas + '" inline="' + (v.inline ? 'true' : 'false') + '" >' + delimitor + ' ' + v.formulas + ' ' + delimitor + '</span>';
|
|
||||||
var node = $(html)[0];
|
|
||||||
node.onclick = function(e) {
|
|
||||||
trumbowyg.currentMathNode = this;
|
|
||||||
mathMLoptions.formulas.value = $(this).attr('formulas');
|
|
||||||
if ($(this).attr('inline') === "true") {
|
|
||||||
mathMLoptions.inline.attributes.checked = true;
|
|
||||||
} else {
|
|
||||||
delete mathMLoptions.inline.attributes.checked;
|
|
||||||
}
|
|
||||||
trumbowyg.openModalInsert(trumbowyg.lang.mathml, mathMLoptions, mathmlCallback);
|
|
||||||
};
|
|
||||||
trumbowyg.range.deleteContents();
|
|
||||||
trumbowyg.range.insertNode(node);
|
|
||||||
}
|
|
||||||
|
|
||||||
trumbowyg.currentMathNode = false;
|
|
||||||
MathJax.Hub.Queue(['Typeset', MathJax.Hub]);
|
|
||||||
return true;
|
|
||||||
};
|
|
||||||
|
|
||||||
mathMLoptions.formulas.value = trumbowyg.getRangeText();
|
|
||||||
mathMLoptions.inline.attributes.checked = true;
|
|
||||||
trumbowyg.openModalInsert(trumbowyg.lang.mathml, mathMLoptions, mathmlCallback);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
trumbowyg.addBtnDef('mathml', btnDef);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
})(jQuery);
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
!function(e){"use strict";e.extend(!0,e.trumbowyg,{langs:{en:{mathml:"Insert Formulas",formulas:"Formulas",inline:"Inline"},fr:{mathml:"Inserer une formule",formulas:"Formule",inline:"En ligne"},tr:{mathml:"Formül Ekle",formulas:"Formüller",inline:"Satır içi"}},plugins:{mathml:{init:function(n){var t={fn:function(){n.saveRange();var t={formulas:{label:n.lang.formulas,required:!0,value:""},inline:{label:n.lang.inline,attributes:{checked:!0},type:"checkbox",required:!1}},a=function(l){var r=l.inline?"$":"$$";if(n.currentMathNode)e(n.currentMathNode).html(r+" "+l.formulas+" "+r).attr("formulas",l.formulas).attr("inline",l.inline?"true":"false");else{var i='<span class="mathMlContainer" contenteditable="false" formulas="'+l.formulas+'" inline="'+(l.inline?"true":"false")+'" >'+r+" "+l.formulas+" "+r+"</span>",u=e(i)[0];u.onclick=function(l){n.currentMathNode=this,t.formulas.value=e(this).attr("formulas"),"true"===e(this).attr("inline")?t.inline.attributes.checked=!0:delete t.inline.attributes.checked,n.openModalInsert(n.lang.mathml,t,a)},n.range.deleteContents(),n.range.insertNode(u)}return n.currentMathNode=!1,MathJax.Hub.Queue(["Typeset",MathJax.Hub]),!0};t.formulas.value=n.getRangeText(),t.inline.attributes.checked=!0,n.openModalInsert(n.lang.mathml,t,a)}};n.addBtnDef("mathml",t)}}}})}(jQuery);
|
|
||||||
@@ -1,36 +0,0 @@
|
|||||||
/**
|
|
||||||
* Trumbowyg v2.10.0 - A lightweight WYSIWYG editor
|
|
||||||
* Default stylesheet for Trumbowyg editor plugin
|
|
||||||
* ------------------------
|
|
||||||
* @link http://alex-d.github.io/Trumbowyg
|
|
||||||
* @license MIT
|
|
||||||
* @author Alexandre Demode (Alex-D)
|
|
||||||
* Twitter : @AlexandreDemode
|
|
||||||
* Website : alex-d.fr
|
|
||||||
*/
|
|
||||||
|
|
||||||
.mathMlContainer {
|
|
||||||
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
&[inline="false"] {
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
pointer-events: none;
|
|
||||||
&:after {
|
|
||||||
content: '\270E';
|
|
||||||
pointer-events: auto;
|
|
||||||
position: absolute;
|
|
||||||
left: 0px;
|
|
||||||
top: 0px;
|
|
||||||
background-color: #ffffffd4;
|
|
||||||
cursor: pointer;
|
|
||||||
bottom: 0px;
|
|
||||||
right: 0px;
|
|
||||||
box-shadow: 0 0 5px 5px #ffffffd4;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,29 +0,0 @@
|
|||||||
/**
|
|
||||||
* Trumbowyg v2.10.0 - A lightweight WYSIWYG editor
|
|
||||||
* Trumbowyg plugin stylesheet
|
|
||||||
* ------------------------
|
|
||||||
* @link http://alex-d.github.io/Trumbowyg
|
|
||||||
* @license MIT
|
|
||||||
* @author Alexandre Demode (Alex-D)
|
|
||||||
* Twitter : @AlexandreDemode
|
|
||||||
* Website : alex-d.fr
|
|
||||||
*/
|
|
||||||
|
|
||||||
.mathMlContainer {
|
|
||||||
position: relative; }
|
|
||||||
.mathMlContainer[inline="false"] {
|
|
||||||
display: block;
|
|
||||||
width: 100%; }
|
|
||||||
.mathMlContainer:hover {
|
|
||||||
pointer-events: none; }
|
|
||||||
.mathMlContainer:hover:after {
|
|
||||||
content: '\270E';
|
|
||||||
pointer-events: auto;
|
|
||||||
position: absolute;
|
|
||||||
left: 0px;
|
|
||||||
top: 0px;
|
|
||||||
background-color: #ffffffd4;
|
|
||||||
cursor: pointer;
|
|
||||||
bottom: 0px;
|
|
||||||
right: 0px;
|
|
||||||
box-shadow: 0 0 5px 5px #ffffffd4; }
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
/** Trumbowyg v2.10.0 - A lightweight WYSIWYG editor - alex-d.github.io/Trumbowyg - License MIT - Author : Alexandre Demode (Alex-D) / alex-d.fr */
|
|
||||||
.mathMlContainer{position:relative}.mathMlContainer[inline=false]{display:block;width:100%}.mathMlContainer:hover{pointer-events:none}.mathMlContainer:hover:after{content:'\270E';pointer-events:auto;position:absolute;left:0;top:0;background-color:#fffd4;cursor:pointer;bottom:0;right:0;box-shadow:0 0 5px 5px #fffd4}
|
|
||||||
@@ -1,105 +0,0 @@
|
|||||||
/* ===========================================================
|
|
||||||
* trumbowyg.mention.js v0.1
|
|
||||||
* Mention plugin for Trumbowyg
|
|
||||||
* http://alex-d.github.com/Trumbowyg
|
|
||||||
* ===========================================================
|
|
||||||
* Author : Viper
|
|
||||||
* Github: https://github.com/Globulopolis
|
|
||||||
* Website: http://киноархив.com
|
|
||||||
*/
|
|
||||||
|
|
||||||
(function ($) {
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
var defaultOptions = {
|
|
||||||
source: '',
|
|
||||||
formatDropdownItem: formatDropdownItem,
|
|
||||||
formatResult: formatResult
|
|
||||||
};
|
|
||||||
|
|
||||||
$.extend(true, $.trumbowyg, {
|
|
||||||
langs: {
|
|
||||||
en: {
|
|
||||||
mention: 'Mention'
|
|
||||||
},
|
|
||||||
fr: {
|
|
||||||
mention: 'Mentioner'
|
|
||||||
},
|
|
||||||
ru: {
|
|
||||||
mention: 'Упомянуть'
|
|
||||||
},
|
|
||||||
tr: {
|
|
||||||
mention: 'Bahset'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
plugins: {
|
|
||||||
mention: {
|
|
||||||
init: function (trumbowyg) {
|
|
||||||
trumbowyg.o.plugins.mention = $.extend(true, {}, defaultOptions, trumbowyg.o.plugins.mention || {});
|
|
||||||
|
|
||||||
var btnDef = {
|
|
||||||
dropdown: buildDropdown(trumbowyg.o.plugins.mention.source, trumbowyg)
|
|
||||||
};
|
|
||||||
|
|
||||||
trumbowyg.addBtnDef('mention', btnDef);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Build dropdown list
|
|
||||||
*
|
|
||||||
* @param {Array} items Items
|
|
||||||
* @param {object} trumbowyg Editor
|
|
||||||
*
|
|
||||||
* @return {Array}
|
|
||||||
*/
|
|
||||||
function buildDropdown(items, trumbowyg) {
|
|
||||||
var dropdown = [];
|
|
||||||
|
|
||||||
// Check if source is an array
|
|
||||||
if (items.constructor === Array) {
|
|
||||||
$.each(items, function (i, item) {
|
|
||||||
var btn = 'mention-' + i,
|
|
||||||
btnDef = {
|
|
||||||
hasIcon: false,
|
|
||||||
text: trumbowyg.o.plugins.mention.formatDropdownItem(item),
|
|
||||||
fn: function () {
|
|
||||||
trumbowyg.execCmd('insertHTML', trumbowyg.o.plugins.mention.formatResult(item));
|
|
||||||
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
trumbowyg.addBtnDef(btn, btnDef);
|
|
||||||
dropdown.push(btn);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
return dropdown;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Format item in dropdown.
|
|
||||||
*
|
|
||||||
* @param {object} item Item object.
|
|
||||||
*
|
|
||||||
* @return {string}
|
|
||||||
*/
|
|
||||||
function formatDropdownItem(item) {
|
|
||||||
return item.login;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Format result pasted in editor.
|
|
||||||
*
|
|
||||||
* @param {object} item Item object.
|
|
||||||
*
|
|
||||||
* @return {string}
|
|
||||||
*/
|
|
||||||
function formatResult(item) {
|
|
||||||
return '@' + item.login + ' ';
|
|
||||||
}
|
|
||||||
})(jQuery);
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
!function(n){"use strict";function t(t,o){var e=[];return t.constructor===Array&&n.each(t,function(n,t){var i="mention-"+n,r={hasIcon:!1,text:o.o.plugins.mention.formatDropdownItem(t),fn:function(){return o.execCmd("insertHTML",o.o.plugins.mention.formatResult(t)),!0}};o.addBtnDef(i,r),e.push(i)}),e}function o(n){return n.login}function e(n){return"@"+n.login+" "}var i={source:"",formatDropdownItem:o,formatResult:e};n.extend(!0,n.trumbowyg,{langs:{en:{mention:"Mention"},fr:{mention:"Mentioner"},ru:{mention:"Упомянуть"},tr:{mention:"Bahset"}},plugins:{mention:{init:function(o){o.o.plugins.mention=n.extend(!0,{},i,o.o.plugins.mention||{});var e={dropdown:t(o.o.plugins.mention.source,o)};o.addBtnDef("mention",e)}}}})}(jQuery);
|
|
||||||
@@ -1,39 +0,0 @@
|
|||||||
/**
|
|
||||||
* Trumbowyg v2.10.0 - A lightweight WYSIWYG editor
|
|
||||||
* Default stylesheet for Trumbowyg editor plugin
|
|
||||||
* ------------------------
|
|
||||||
* @link http://alex-d.github.io/Trumbowyg
|
|
||||||
* @license MIT
|
|
||||||
* @author Alexandre Demode (Alex-D)
|
|
||||||
* Twitter : @AlexandreDemode
|
|
||||||
* Website : alex-d.fr
|
|
||||||
*/
|
|
||||||
|
|
||||||
.trumbowyg-dropdown-mention {
|
|
||||||
height: calc(75%);
|
|
||||||
width: 300px;
|
|
||||||
max-width: 300px;
|
|
||||||
overflow-y: scroll;
|
|
||||||
overflow-x: hidden;
|
|
||||||
|
|
||||||
svg {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
button {
|
|
||||||
position: relative;
|
|
||||||
white-space: nowrap;
|
|
||||||
|
|
||||||
&:after {
|
|
||||||
content: "";
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
width: 15%;
|
|
||||||
height: 100%;
|
|
||||||
background-size: 100%;
|
|
||||||
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 80%, #ffffff 100%);
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,32 +0,0 @@
|
|||||||
/**
|
|
||||||
* Trumbowyg v2.10.0 - A lightweight WYSIWYG editor
|
|
||||||
* Trumbowyg plugin stylesheet
|
|
||||||
* ------------------------
|
|
||||||
* @link http://alex-d.github.io/Trumbowyg
|
|
||||||
* @license MIT
|
|
||||||
* @author Alexandre Demode (Alex-D)
|
|
||||||
* Twitter : @AlexandreDemode
|
|
||||||
* Website : alex-d.fr
|
|
||||||
*/
|
|
||||||
|
|
||||||
.trumbowyg-dropdown-mention {
|
|
||||||
height: calc(75%);
|
|
||||||
width: 300px;
|
|
||||||
max-width: 300px;
|
|
||||||
overflow-y: scroll;
|
|
||||||
overflow-x: hidden; }
|
|
||||||
.trumbowyg-dropdown-mention svg {
|
|
||||||
display: none !important; }
|
|
||||||
.trumbowyg-dropdown-mention button {
|
|
||||||
position: relative;
|
|
||||||
white-space: nowrap; }
|
|
||||||
.trumbowyg-dropdown-mention button:after {
|
|
||||||
content: "";
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
width: 15%;
|
|
||||||
height: 100%;
|
|
||||||
background-size: 100%;
|
|
||||||
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 80%, #ffffff 100%);
|
|
||||||
pointer-events: none; }
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
/** Trumbowyg v2.10.0 - A lightweight WYSIWYG editor - alex-d.github.io/Trumbowyg - License MIT - Author : Alexandre Demode (Alex-D) / alex-d.fr */
|
|
||||||
.trumbowyg-dropdown-mention{height:calc(75%);width:300px;max-width:300px;overflow-y:scroll;overflow-x:hidden}.trumbowyg-dropdown-mention svg{display:none!important}.trumbowyg-dropdown-mention button{position:relative;white-space:nowrap}.trumbowyg-dropdown-mention button:after{content:"";position:absolute;top:0;right:0;width:15%;height:100%;background-size:100%;background-image:linear-gradient(to right,rgba(255,255,255,0) 0,#fff 80%,#fff 100%);pointer-events:none}
|
|
||||||
@@ -1,104 +0,0 @@
|
|||||||
/* ===========================================================
|
|
||||||
* trumbowyg.noembed.js v1.0
|
|
||||||
* noEmbed plugin for Trumbowyg
|
|
||||||
* http://alex-d.github.com/Trumbowyg
|
|
||||||
* ===========================================================
|
|
||||||
* Author : Jake Johns (jakejohns)
|
|
||||||
*/
|
|
||||||
|
|
||||||
(function ($) {
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
var defaultOptions = {
|
|
||||||
proxy: 'https://noembed.com/embed?nowrap=on',
|
|
||||||
urlFiled: 'url',
|
|
||||||
data: [],
|
|
||||||
success: undefined,
|
|
||||||
error: undefined
|
|
||||||
};
|
|
||||||
|
|
||||||
$.extend(true, $.trumbowyg, {
|
|
||||||
langs: {
|
|
||||||
en: {
|
|
||||||
noembed: 'Noembed',
|
|
||||||
noembedError: 'Error'
|
|
||||||
},
|
|
||||||
sk: {
|
|
||||||
noembedError: 'Chyba'
|
|
||||||
},
|
|
||||||
fr: {
|
|
||||||
noembedError: 'Erreur'
|
|
||||||
},
|
|
||||||
cs: {
|
|
||||||
noembedError: 'Chyba'
|
|
||||||
},
|
|
||||||
ru: {
|
|
||||||
noembedError: 'Ошибка'
|
|
||||||
},
|
|
||||||
ja: {
|
|
||||||
noembedError: 'エラー'
|
|
||||||
},
|
|
||||||
tr: {
|
|
||||||
noembedError: 'Hata'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
plugins: {
|
|
||||||
noembed: {
|
|
||||||
init: function (trumbowyg) {
|
|
||||||
trumbowyg.o.plugins.noembed = $.extend(true, {}, defaultOptions, trumbowyg.o.plugins.noembed || {});
|
|
||||||
|
|
||||||
var btnDef = {
|
|
||||||
fn: function () {
|
|
||||||
var $modal = trumbowyg.openModalInsert(
|
|
||||||
// Title
|
|
||||||
trumbowyg.lang.noembed,
|
|
||||||
|
|
||||||
// Fields
|
|
||||||
{
|
|
||||||
url: {
|
|
||||||
label: 'URL',
|
|
||||||
required: true
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
// Callback
|
|
||||||
function (data) {
|
|
||||||
$.ajax({
|
|
||||||
url: trumbowyg.o.plugins.noembed.proxy,
|
|
||||||
type: 'GET',
|
|
||||||
data: data,
|
|
||||||
cache: false,
|
|
||||||
dataType: 'json',
|
|
||||||
|
|
||||||
success: trumbowyg.o.plugins.noembed.success || function (data) {
|
|
||||||
if (data.html) {
|
|
||||||
trumbowyg.execCmd('insertHTML', data.html);
|
|
||||||
setTimeout(function () {
|
|
||||||
trumbowyg.closeModal();
|
|
||||||
}, 250);
|
|
||||||
} else {
|
|
||||||
trumbowyg.addErrorOnModalField(
|
|
||||||
$('input[type=text]', $modal),
|
|
||||||
data.error
|
|
||||||
);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
error: trumbowyg.o.plugins.noembed.error || function () {
|
|
||||||
trumbowyg.addErrorOnModalField(
|
|
||||||
$('input[type=text]', $modal),
|
|
||||||
trumbowyg.lang.noembedError
|
|
||||||
);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
trumbowyg.addBtnDef('noembed', btnDef);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
})(jQuery);
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
!function(e){"use strict";var r={proxy:"https://noembed.com/embed?nowrap=on",urlFiled:"url",data:[],success:void 0,error:void 0};e.extend(!0,e.trumbowyg,{langs:{en:{noembed:"Noembed",noembedError:"Error"},sk:{noembedError:"Chyba"},fr:{noembedError:"Erreur"},cs:{noembedError:"Chyba"},ru:{noembedError:"Ошибка"},ja:{noembedError:"エラー"},tr:{noembedError:"Hata"}},plugins:{noembed:{init:function(o){o.o.plugins.noembed=e.extend(!0,{},r,o.o.plugins.noembed||{});var n={fn:function(){var r=o.openModalInsert(o.lang.noembed,{url:{label:"URL",required:!0}},function(n){e.ajax({url:o.o.plugins.noembed.proxy,type:"GET",data:n,cache:!1,dataType:"json",success:o.o.plugins.noembed.success||function(n){n.html?(o.execCmd("insertHTML",n.html),setTimeout(function(){o.closeModal()},250)):o.addErrorOnModalField(e("input[type=text]",r),n.error)},error:o.o.plugins.noembed.error||function(){o.addErrorOnModalField(e("input[type=text]",r),o.lang.noembedError)}})})}};o.addBtnDef("noembed",n)}}}})}(jQuery);
|
|
||||||
@@ -1,96 +0,0 @@
|
|||||||
/* ===========================================================
|
|
||||||
* trumbowyg.pasteembed.js v1.0
|
|
||||||
* Url paste to iframe with noembed. Plugin for Trumbowyg
|
|
||||||
* http://alex-d.github.com/Trumbowyg
|
|
||||||
* ===========================================================
|
|
||||||
* Author : Max Seelig
|
|
||||||
* Facebook : https://facebook.com/maxse
|
|
||||||
* Website : https://www.maxmade.nl/
|
|
||||||
*/
|
|
||||||
|
|
||||||
(function($) {
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
var defaultOptions = {
|
|
||||||
enabled: true,
|
|
||||||
endpoints: [
|
|
||||||
'https://noembed.com/embed?nowrap=on',
|
|
||||||
'https://api.maxmade.nl/url2iframe/embed'
|
|
||||||
]
|
|
||||||
};
|
|
||||||
|
|
||||||
$.extend(true, $.trumbowyg, {
|
|
||||||
plugins: {
|
|
||||||
pasteEmbed: {
|
|
||||||
init: function(trumbowyg) {
|
|
||||||
trumbowyg.o.plugins.pasteEmbed = $.extend(true, {}, defaultOptions, trumbowyg.o.plugins.pasteEmbed || {});
|
|
||||||
|
|
||||||
if (!trumbowyg.o.plugins.pasteEmbed.enabled) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
trumbowyg.pasteHandlers.push(function(pasteEvent) {
|
|
||||||
try {
|
|
||||||
var clipboardData = (pasteEvent.originalEvent || pasteEvent).clipboardData,
|
|
||||||
pastedData = clipboardData.getData('Text'),
|
|
||||||
endpoints = trumbowyg.o.plugins.pasteEmbed.endpoints,
|
|
||||||
request = null;
|
|
||||||
|
|
||||||
if (pastedData.startsWith('http')) {
|
|
||||||
pasteEvent.stopPropagation();
|
|
||||||
pasteEvent.preventDefault();
|
|
||||||
|
|
||||||
var query = {
|
|
||||||
url: pastedData.trim()
|
|
||||||
};
|
|
||||||
var content = '';
|
|
||||||
var index = 0;
|
|
||||||
|
|
||||||
if (request && request.transport) {
|
|
||||||
request.transport.abort();
|
|
||||||
}
|
|
||||||
|
|
||||||
request = $.ajax({
|
|
||||||
crossOrigin: true,
|
|
||||||
url: endpoints[index],
|
|
||||||
type: 'GET',
|
|
||||||
data: query,
|
|
||||||
cache: false,
|
|
||||||
dataType: 'jsonp',
|
|
||||||
success: function(res) {
|
|
||||||
if (res.html) {
|
|
||||||
index = 0;
|
|
||||||
content = res.html;
|
|
||||||
} else {
|
|
||||||
index += 1;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
error: function() {
|
|
||||||
index += 1;
|
|
||||||
},
|
|
||||||
complete: function() {
|
|
||||||
if (content.length === 0 && index < endpoints.length - 1) {
|
|
||||||
this.url = endpoints[index];
|
|
||||||
this.data = query;
|
|
||||||
$.ajax(this);
|
|
||||||
}
|
|
||||||
if (index === endpoints.length - 1) {
|
|
||||||
content = $('<a>', {
|
|
||||||
href: pastedData,
|
|
||||||
text: pastedData
|
|
||||||
}).prop('outerHTML');
|
|
||||||
}
|
|
||||||
if (content.length > 0) {
|
|
||||||
index = 0;
|
|
||||||
trumbowyg.execCmd('insertHTML', content);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
} catch (c) {}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
})(jQuery);
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
!function(t){"use strict";var e={enabled:!0,endpoints:["https://noembed.com/embed?nowrap=on","https://api.maxmade.nl/url2iframe/embed"]};t.extend(!0,t.trumbowyg,{plugins:{pasteEmbed:{init:function(n){n.o.plugins.pasteEmbed=t.extend(!0,{},e,n.o.plugins.pasteEmbed||{}),n.o.plugins.pasteEmbed.enabled&&n.pasteHandlers.push(function(e){try{var a=(e.originalEvent||e).clipboardData,r=a.getData("Text"),s=n.o.plugins.pasteEmbed.endpoints,i=null;if(r.startsWith("http")){e.stopPropagation(),e.preventDefault();var o={url:r.trim()},p="",l=0;i&&i.transport&&i.transport.abort(),i=t.ajax({crossOrigin:!0,url:s[l],type:"GET",data:o,cache:!1,dataType:"jsonp",success:function(t){t.html?(l=0,p=t.html):l+=1},error:function(){l+=1},complete:function(){0===p.length&&l<s.length-1&&(this.url=s[l],this.data=o,t.ajax(this)),l===s.length-1&&(p=t("<a>",{href:r,text:r}).prop("outerHTML")),p.length>0&&(l=0,n.execCmd("insertHTML",p))}})}}catch(u){}})}}}})}(jQuery);
|
|
||||||
@@ -1,41 +0,0 @@
|
|||||||
/* ===========================================================
|
|
||||||
* trumbowyg.pasteimage.js v1.0
|
|
||||||
* Basic base64 paste plugin for Trumbowyg
|
|
||||||
* http://alex-d.github.com/Trumbowyg
|
|
||||||
* ===========================================================
|
|
||||||
* Author : Alexandre Demode (Alex-D)
|
|
||||||
* Twitter : @AlexandreDemode
|
|
||||||
* Website : alex-d.fr
|
|
||||||
*/
|
|
||||||
|
|
||||||
(function ($) {
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
$.extend(true, $.trumbowyg, {
|
|
||||||
plugins: {
|
|
||||||
pasteImage: {
|
|
||||||
init: function (trumbowyg) {
|
|
||||||
trumbowyg.pasteHandlers.push(function (pasteEvent) {
|
|
||||||
try {
|
|
||||||
var items = (pasteEvent.originalEvent || pasteEvent).clipboardData.items,
|
|
||||||
reader;
|
|
||||||
|
|
||||||
for (var i = items.length - 1; i >= 0; i -= 1) {
|
|
||||||
if (items[i].type.match(/^image\//)) {
|
|
||||||
reader = new FileReader();
|
|
||||||
/* jshint -W083 */
|
|
||||||
reader.onloadend = function (event) {
|
|
||||||
trumbowyg.execCmd('insertImage', event.target.result, undefined, true);
|
|
||||||
};
|
|
||||||
/* jshint +W083 */
|
|
||||||
reader.readAsDataURL(items[i].getAsFile());
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} catch (c) {
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
})(jQuery);
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
!function(e){"use strict";e.extend(!0,e.trumbowyg,{plugins:{pasteImage:{init:function(e){e.pasteHandlers.push(function(t){try{for(var a,n=(t.originalEvent||t).clipboardData.items,i=n.length-1;i>=0;i-=1)n[i].type.match(/^image\//)&&(a=new FileReader,a.onloadend=function(t){e.execCmd("insertImage",t.target.result,void 0,!0)},a.readAsDataURL(n[i].getAsFile()))}catch(r){}})}}}})}(jQuery);
|
|
||||||
@@ -1,130 +0,0 @@
|
|||||||
/* ===========================================================
|
|
||||||
* trumbowyg.preformatted.js v1.0
|
|
||||||
* Preformatted plugin for Trumbowyg
|
|
||||||
* http://alex-d.github.com/Trumbowyg
|
|
||||||
* ===========================================================
|
|
||||||
* Author : Casella Edoardo (Civile)
|
|
||||||
*/
|
|
||||||
|
|
||||||
|
|
||||||
(function ($) {
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
$.extend(true, $.trumbowyg, {
|
|
||||||
langs: {
|
|
||||||
// jshint camelcase:false
|
|
||||||
en: {
|
|
||||||
preformatted: 'Code sample <pre>'
|
|
||||||
},
|
|
||||||
fr: {
|
|
||||||
preformatted: 'Exemple de code <pre>'
|
|
||||||
},
|
|
||||||
it: {
|
|
||||||
preformatted: 'Codice <pre>'
|
|
||||||
},
|
|
||||||
zh_cn: {
|
|
||||||
preformatted: '代码示例 <pre>'
|
|
||||||
},
|
|
||||||
ru: {
|
|
||||||
preformatted: 'Пример кода <pre>'
|
|
||||||
},
|
|
||||||
ja: {
|
|
||||||
preformatted: 'コードサンプル <pre>'
|
|
||||||
},
|
|
||||||
tr: {
|
|
||||||
preformatted: 'Kod örneği <pre>'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 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', '<pre><code>' + strip(text) + '</code></pre>');
|
|
||||||
}
|
|
||||||
} 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);
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
!function(e){"use strict";function t(){var e,t=null;return window.getSelection?(e=window.getSelection(),e.rangeCount&&(t=e.getRangeAt(0).commonAncestorContainer,1!==t.nodeType&&(t=t.parentNode))):(e=document.selection)&&"Control"!==e.type&&(t=e.createRange().parentElement()),t}function n(e){var t=document.createElement("DIV");return t.innerHTML=e,t.textContent||t.innerText||""}function r(){var t=null;if(document.selection)t=document.selection.createRange().parentElement();else{var n=window.getSelection();n.rangeCount>0&&(t=n.getRangeAt(0).startContainer.parentNode)}var r=e(t).contents().closest("pre").length,o=e(t).contents().closest("code").length;r&&o?e(t).contents().unwrap("code").unwrap("pre"):r?e(t).contents().unwrap("pre"):o&&e(t).contents().unwrap("code")}e.extend(!0,e.trumbowyg,{langs:{en:{preformatted:"Code sample <pre>"},fr:{preformatted:"Exemple de code <pre>"},it:{preformatted:"Codice <pre>"},zh_cn:{preformatted:"代码示例 <pre>"},ru:{preformatted:"Пример кода <pre>"},ja:{preformatted:"コードサンプル <pre>"},tr:{preformatted:"Kod örneği <pre>"}},plugins:{preformatted:{init:function(e){var o={fn:function(){e.saveRange();var o=e.getRangeText();if(""!==o.replace(/\s/g,""))try{var a=t().tagName.toLowerCase();if("code"===a||"pre"===a)return r();e.execCmd("insertHTML","<pre><code>"+n(o)+"</code></pre>")}catch(c){}},tag:"pre"};e.addBtnDef("preformatted",o)}}}})}(jQuery);
|
|
||||||
@@ -1,69 +0,0 @@
|
|||||||
(function ($) {
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
var defaultOptions = {
|
|
||||||
minSize: 32,
|
|
||||||
step: 4
|
|
||||||
};
|
|
||||||
|
|
||||||
var preventDefault = function (ev) {
|
|
||||||
return ev.preventDefault();
|
|
||||||
};
|
|
||||||
|
|
||||||
$.extend(true, $.trumbowyg, {
|
|
||||||
plugins: {
|
|
||||||
resizimg: {
|
|
||||||
init: function (trumbowyg) {
|
|
||||||
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 () {
|
|
||||||
trumbowyg.$c.trigger('tbwchange');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
function initResizable() {
|
|
||||||
trumbowyg.$ed.find('img:not(.resizable)')
|
|
||||||
.resizable(trumbowyg.o.plugins.resizimg.resizable)
|
|
||||||
.on('mousedown', preventDefault);
|
|
||||||
}
|
|
||||||
|
|
||||||
function destroyResizable() {
|
|
||||||
trumbowyg.$ed.find('img.resizable')
|
|
||||||
.resizable('destroy')
|
|
||||||
.off('mousedown', preventDefault);
|
|
||||||
trumbowyg.syncTextarea();
|
|
||||||
}
|
|
||||||
|
|
||||||
trumbowyg.$c.on('tbwinit', initResizable);
|
|
||||||
trumbowyg.$c.on('tbwfocus', initResizable);
|
|
||||||
trumbowyg.$c.on('tbwchange', initResizable);
|
|
||||||
trumbowyg.$c.on('tbwblur', destroyResizable);
|
|
||||||
trumbowyg.$c.on('tbwclose', destroyResizable);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
})(jQuery);
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
!function(i){"use strict";var e={minSize:32,step:4},n=function(i){return i.preventDefault()};i.extend(!0,i.trumbowyg,{plugins:{resizimg:{init:function(t){function o(){t.$ed.find("img:not(.resizable)").resizable(t.o.plugins.resizimg.resizable).on("mousedown",n)}function r(){t.$ed.find("img.resizable").resizable("destroy").off("mousedown",n),t.syncTextarea()}t.o.plugins.resizimg=i.extend(!0,{},e,t.o.plugins.resizimg||{},{resizable:{resizeWidth:!1,onDragStart:function(i,e){var n=t.o.plugins.resizimg,o=i.pageX-e.offset().left,r=i.pageY-e.offset().top;if(o<e.width()-n.minSize||r<e.height()-n.minSize)return!1},onDrag:function(i,e,n,o){var r=t.o.plugins.resizimg;return o<r.minSize&&(o=r.minSize),o-=o%r.step,e.height(o),!1},onDragEnd:function(){t.$c.trigger("tbwchange")}}}),t.$c.on("tbwinit",o),t.$c.on("tbwfocus",o),t.$c.on("tbwchange",o),t.$c.on("tbwblur",r),t.$c.on("tbwclose",r)}}}})}(jQuery);
|
|
||||||
@@ -1,72 +0,0 @@
|
|||||||
/* ===========================================================
|
|
||||||
* 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: {
|
|
||||||
en: {
|
|
||||||
ruby: 'Add ruby text',
|
|
||||||
rubyModal: 'Ruby modal',
|
|
||||||
rubyText: 'Ruby text'
|
|
||||||
},
|
|
||||||
fr: {
|
|
||||||
ruby: 'Ajouter du texte ruby',
|
|
||||||
rubyModal: 'Modale ruby',
|
|
||||||
rubyText: 'Texte ruby'
|
|
||||||
},
|
|
||||||
id: {
|
|
||||||
ruby: 'Sisipkan teks ruby',
|
|
||||||
rubyModal: 'Modal teks ruby',
|
|
||||||
rubyText: 'Teks ruby'
|
|
||||||
},
|
|
||||||
tr: {
|
|
||||||
ruby: 'Ruby metni ekle',
|
|
||||||
rubyModal: 'Ruby modal',
|
|
||||||
rubyText: 'Ruby metni'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
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 = $('<ruby title="' + v.rubyText + '">' + v.modal + '<rp> (</rp><rt>' + v.rubyText + '</rt><rp>)</rp></ruby>')[0];
|
|
||||||
trumbowyg.range.deleteContents();
|
|
||||||
trumbowyg.range.insertNode(node);
|
|
||||||
trumbowyg.syncCode();
|
|
||||||
trumbowyg.$c.trigger('tbwchange');
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
trumbowyg.addBtnDef('ruby', btnDef);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
})(jQuery);
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
!function(e){"use strict";e.extend(!0,e.trumbowyg,{langs:{en:{ruby:"Add ruby text",rubyModal:"Ruby modal",rubyText:"Ruby text"},fr:{ruby:"Ajouter du texte ruby",rubyModal:"Modale ruby",rubyText:"Texte ruby"},id:{ruby:"Sisipkan teks ruby",rubyModal:"Modal teks ruby",rubyText:"Teks ruby"},tr:{ruby:"Ruby metni ekle",rubyModal:"Ruby modal",rubyText:"Ruby metni"}},plugins:{ruby:{init:function(r){var u={fn:function(){r.saveRange(),r.openModalInsert(r.lang.ruby,{rubyText:{label:r.lang.rubyText,required:!1},modal:{label:r.lang.rubyModal,value:r.getRangeText(),required:!0}},function(u){var t=e('<ruby title="'+u.rubyText+'">'+u.modal+"<rp> (</rp><rt>"+u.rubyText+"</rt><rp>)</rp></ruby>")[0];return r.range.deleteContents(),r.range.insertNode(t),r.syncCode(),r.$c.trigger("tbwchange"),!0})}};r.addBtnDef("ruby",u)}}}})}(jQuery);
|
|
||||||
@@ -1,283 +0,0 @@
|
|||||||
/* ===========================================================
|
|
||||||
* trumbowyg.table.custom.js v2.0
|
|
||||||
* Table plugin for Trumbowyg
|
|
||||||
* http://alex-d.github.com/Trumbowyg
|
|
||||||
* ===========================================================
|
|
||||||
* Author : Sven Dunemann [dunemann@forelabs.eu]
|
|
||||||
*/
|
|
||||||
|
|
||||||
(function ($) {
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
var defaultOptions = {
|
|
||||||
rows: 8,
|
|
||||||
columns: 8,
|
|
||||||
styler: 'table'
|
|
||||||
};
|
|
||||||
|
|
||||||
$.extend(true, $.trumbowyg, {
|
|
||||||
langs: {
|
|
||||||
en: {
|
|
||||||
table: 'Insert table',
|
|
||||||
tableAddRow: 'Add row',
|
|
||||||
tableAddColumn: 'Add column',
|
|
||||||
tableDeleteRow: 'Delete row',
|
|
||||||
tableDeleteColumn: 'Delete column',
|
|
||||||
tableDestroy: 'Delete table',
|
|
||||||
error: 'Error'
|
|
||||||
},
|
|
||||||
de: {
|
|
||||||
table: 'Tabelle einfügen',
|
|
||||||
tableAddRow: 'Zeile hinzufügen',
|
|
||||||
tableAddColumn: 'Spalte hinzufügen',
|
|
||||||
tableDeleteRow: 'Zeile löschen',
|
|
||||||
tableDeleteColumn: 'Spalte löschen',
|
|
||||||
tableDestroy: 'Tabelle löschen',
|
|
||||||
error: 'Error'
|
|
||||||
},
|
|
||||||
sk: {
|
|
||||||
table: 'Vytvoriť tabuľky',
|
|
||||||
tableAddRow: 'Pridať riadok',
|
|
||||||
tableAddColumn: 'Pridať stĺpec',
|
|
||||||
error: 'Chyba'
|
|
||||||
},
|
|
||||||
fr: {
|
|
||||||
table: 'Insérer un tableau',
|
|
||||||
tableAddRow: 'Ajouter des lignes',
|
|
||||||
tableAddColumn: 'Ajouter des colonnes',
|
|
||||||
error: 'Erreur'
|
|
||||||
},
|
|
||||||
cs: {
|
|
||||||
table: 'Vytvořit příkaz Table',
|
|
||||||
tableAddRow: 'Přidat řádek',
|
|
||||||
tableAddColumn: 'Přidat sloupec',
|
|
||||||
error: 'Chyba'
|
|
||||||
},
|
|
||||||
ru: {
|
|
||||||
table: 'Вставить таблицу',
|
|
||||||
tableAddRow: 'Добавить строки',
|
|
||||||
tableAddColumn: 'Добавить столбцы',
|
|
||||||
error: 'Ошибка'
|
|
||||||
},
|
|
||||||
ja: {
|
|
||||||
table: '表の挿入',
|
|
||||||
tableAddRow: '行の追加',
|
|
||||||
tableAddColumn: '列の追加',
|
|
||||||
error: 'エラー'
|
|
||||||
},
|
|
||||||
tr: {
|
|
||||||
table: 'Tablo ekle',
|
|
||||||
tableAddRow: 'Satır ekle',
|
|
||||||
tableAddColumn: 'Kolon ekle',
|
|
||||||
error: 'Hata'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
plugins: {
|
|
||||||
table: {
|
|
||||||
init: function (t) {
|
|
||||||
t.o.plugins.table = $.extend(true, {}, defaultOptions, t.o.plugins.table || {});
|
|
||||||
|
|
||||||
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 = $('<div/>', 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')) {
|
|
||||||
$dropdown.append(t.buildSubBtn('tableAddRow'));
|
|
||||||
$dropdown.append(t.buildSubBtn('tableAddColumn'));
|
|
||||||
$dropdown.append(t.buildSubBtn('tableDeleteRow'));
|
|
||||||
$dropdown.append(t.buildSubBtn('tableDeleteColumn'));
|
|
||||||
$dropdown.append(t.buildSubBtn('tableDestroy'));
|
|
||||||
} else {
|
|
||||||
var tableSelect = $('<table></table>');
|
|
||||||
for (var i = 0; i < t.o.plugins.table.rows; i += 1) {
|
|
||||||
var row = $('<tr></tr>').appendTo(tableSelect);
|
|
||||||
for (var j = 0; j < t.o.plugins.table.columns; j += 1) {
|
|
||||||
$('<td></td>').appendTo(row);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
tableSelect.find('td').on('mouseover', tableAnimate);
|
|
||||||
tableSelect.find('td').on('mousedown', tableBuild);
|
|
||||||
|
|
||||||
$dropdown.append(tableSelect);
|
|
||||||
$dropdown.append($('<center>1x1</center>'));
|
|
||||||
}
|
|
||||||
|
|
||||||
t.dropdown(btnName);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
var tableAnimate = function(column_event) {
|
|
||||||
var column = $(column_event.target),
|
|
||||||
table = column.parents('table'),
|
|
||||||
colIndex = this.cellIndex,
|
|
||||||
rowIndex = this.parentNode.rowIndex;
|
|
||||||
|
|
||||||
// reset all columns
|
|
||||||
table.find('td').removeClass('active');
|
|
||||||
|
|
||||||
for (var i = 0; i <= rowIndex; i += 1) {
|
|
||||||
for (var j = 0; j <= colIndex; j += 1) {
|
|
||||||
table.find("tr:nth-of-type("+(i+1)+")").find("td:nth-of-type("+(j+1)+")").addClass('active');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// set label
|
|
||||||
table.next('center').html((colIndex+1) + "x" + (rowIndex+1));
|
|
||||||
};
|
|
||||||
|
|
||||||
var tableBuild = function(column_event) {
|
|
||||||
t.saveRange();
|
|
||||||
|
|
||||||
var tabler = $('<table></table>');
|
|
||||||
if (t.o.plugins.table.styler) {
|
|
||||||
tabler.attr('class', t.o.plugins.table.styler);
|
|
||||||
}
|
|
||||||
|
|
||||||
var column = $(column_event.target),
|
|
||||||
colIndex = this.cellIndex,
|
|
||||||
rowIndex = this.parentNode.rowIndex;
|
|
||||||
|
|
||||||
for (var i = 0; i <= rowIndex; i += 1) {
|
|
||||||
var row = $('<tr></tr>').appendTo(tabler);
|
|
||||||
for (var j = 0; j <= colIndex; j += 1) {
|
|
||||||
$('<td></td>').appendTo(row);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
t.range.deleteContents();
|
|
||||||
t.range.insertNode(tabler[0]);
|
|
||||||
t.$c.trigger('tbwchange');
|
|
||||||
};
|
|
||||||
|
|
||||||
var addRow = {
|
|
||||||
title: t.lang['tableAddRow'],
|
|
||||||
text: t.lang['tableAddRow'],
|
|
||||||
ico: 'row-below',
|
|
||||||
|
|
||||||
fn: function () {
|
|
||||||
t.saveRange();
|
|
||||||
|
|
||||||
var node = t.doc.getSelection().focusNode;
|
|
||||||
var table = $(node).closest('table');
|
|
||||||
|
|
||||||
if(table.length > 0) {
|
|
||||||
var row = $('<tr></tr>');
|
|
||||||
// add columns according to current columns count
|
|
||||||
for (var i = 0; i < table.find('tr')[0].childElementCount; i += 1) {
|
|
||||||
$('<td></td>').appendTo(row);
|
|
||||||
}
|
|
||||||
// add row to table
|
|
||||||
row.appendTo(table);
|
|
||||||
}
|
|
||||||
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
var addColumn = {
|
|
||||||
title: t.lang['tableAddColumn'],
|
|
||||||
text: t.lang['tableAddColumn'],
|
|
||||||
ico: 'col-right',
|
|
||||||
|
|
||||||
fn: function () {
|
|
||||||
t.saveRange();
|
|
||||||
|
|
||||||
var node = t.doc.getSelection().focusNode;
|
|
||||||
var table = $(node).closest('table');
|
|
||||||
|
|
||||||
if(table.length > 0) {
|
|
||||||
$(table).find('tr').each(function() {
|
|
||||||
$(this).find('td:last').after('<td></td>');
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
var destroy = {
|
|
||||||
title: t.lang['tableDestroy'],
|
|
||||||
text: t.lang['tableDestroy'],
|
|
||||||
ico: 'table-delete',
|
|
||||||
|
|
||||||
fn: function () {
|
|
||||||
t.saveRange();
|
|
||||||
|
|
||||||
var node = t.doc.getSelection().focusNode,
|
|
||||||
table = $(node).closest('table');
|
|
||||||
|
|
||||||
table.remove();
|
|
||||||
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
var deleteRow = {
|
|
||||||
title: t.lang['tableDeleteRow'],
|
|
||||||
text: t.lang['tableDeleteRow'],
|
|
||||||
ico: 'row-delete',
|
|
||||||
|
|
||||||
fn: function () {
|
|
||||||
t.saveRange();
|
|
||||||
|
|
||||||
var node = t.doc.getSelection().focusNode,
|
|
||||||
row = $(node).closest('tr');
|
|
||||||
|
|
||||||
row.remove();
|
|
||||||
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
var deleteColumn = {
|
|
||||||
title: t.lang['tableDeleteColumn'],
|
|
||||||
text: t.lang['tableDeleteColumn'],
|
|
||||||
ico: 'col-delete',
|
|
||||||
|
|
||||||
fn: function () {
|
|
||||||
t.saveRange();
|
|
||||||
|
|
||||||
var node = t.doc.getSelection().focusNode,
|
|
||||||
table = $(node).closest('table'),
|
|
||||||
td = $(node).closest('td'),
|
|
||||||
cellIndex = td.index();
|
|
||||||
|
|
||||||
$(table).find('tr').each(function() {
|
|
||||||
$(this).find('td:eq('+cellIndex+')').remove();
|
|
||||||
});
|
|
||||||
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
t.addBtnDef('table', buildButtonDef);
|
|
||||||
t.addBtnDef('tableAddRow', addRow);
|
|
||||||
t.addBtnDef('tableAddColumn', addColumn);
|
|
||||||
t.addBtnDef('tableDeleteRow', deleteRow);
|
|
||||||
t.addBtnDef('tableDeleteColumn', deleteColumn);
|
|
||||||
t.addBtnDef('tableDestroy', destroy);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
})(jQuery);
|
|
||||||
File diff suppressed because one or more lines are too long
@@ -1,41 +0,0 @@
|
|||||||
/**
|
|
||||||
* Trumbowyg v2.10.0 - A lightweight WYSIWYG editor
|
|
||||||
* Default stylesheet for Trumbowyg editor plugin
|
|
||||||
* ------------------------
|
|
||||||
* @link http://alex-d.github.io/Trumbowyg
|
|
||||||
* @license MIT
|
|
||||||
* @author Alexandre Demode (Alex-D)
|
|
||||||
* Twitter : @AlexandreDemode
|
|
||||||
* Website : alex-d.fr
|
|
||||||
*/
|
|
||||||
|
|
||||||
.trumbowyg-editor table {
|
|
||||||
width: 100%;
|
|
||||||
|
|
||||||
td {
|
|
||||||
border: 1px dotted #e7eaec;
|
|
||||||
padding: 8px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.trumbowyg-dropdown-table {
|
|
||||||
table {
|
|
||||||
margin: 10px;
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
table td {
|
|
||||||
display: inline-block;
|
|
||||||
height: 20px;
|
|
||||||
width: 20px;
|
|
||||||
margin: 1px;
|
|
||||||
background-color: #fff;
|
|
||||||
box-shadow: 0 0 0 1px #cecece inset;
|
|
||||||
|
|
||||||
&.active {
|
|
||||||
background-color: #00b393;
|
|
||||||
box-shadow: none;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,32 +0,0 @@
|
|||||||
/**
|
|
||||||
* Trumbowyg v2.10.0 - A lightweight WYSIWYG editor
|
|
||||||
* Trumbowyg plugin stylesheet
|
|
||||||
* ------------------------
|
|
||||||
* @link http://alex-d.github.io/Trumbowyg
|
|
||||||
* @license MIT
|
|
||||||
* @author Alexandre Demode (Alex-D)
|
|
||||||
* Twitter : @AlexandreDemode
|
|
||||||
* Website : alex-d.fr
|
|
||||||
*/
|
|
||||||
|
|
||||||
.trumbowyg-editor table {
|
|
||||||
width: 100%; }
|
|
||||||
.trumbowyg-editor table td {
|
|
||||||
border: 1px dotted #e7eaec;
|
|
||||||
padding: 8px; }
|
|
||||||
|
|
||||||
.trumbowyg-dropdown-table table {
|
|
||||||
margin: 10px;
|
|
||||||
display: inline-block; }
|
|
||||||
|
|
||||||
.trumbowyg-dropdown-table table td {
|
|
||||||
display: inline-block;
|
|
||||||
height: 20px;
|
|
||||||
width: 20px;
|
|
||||||
margin: 1px;
|
|
||||||
background-color: #fff;
|
|
||||||
box-shadow: 0 0 0 1px #cecece inset; }
|
|
||||||
.trumbowyg-dropdown-table table td.active {
|
|
||||||
background-color: #00b393;
|
|
||||||
box-shadow: none;
|
|
||||||
cursor: pointer; }
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
/** Trumbowyg v2.10.0 - A lightweight WYSIWYG editor - alex-d.github.io/Trumbowyg - License MIT - Author : Alexandre Demode (Alex-D) / alex-d.fr */
|
|
||||||
.trumbowyg-editor table{width:100%}.trumbowyg-editor table td{border:1px dotted #e7eaec;padding:8px}.trumbowyg-dropdown-table table{margin:10px;display:inline-block}.trumbowyg-dropdown-table table td{display:inline-block;height:20px;width:20px;margin:1px;background-color:#fff;box-shadow:0 0 0 1px #cecece inset}.trumbowyg-dropdown-table table td.active{background-color:#00b393;box-shadow:none;cursor:pointer}
|
|
||||||
@@ -1,64 +0,0 @@
|
|||||||
(function ($) {
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
// Adds the language variables
|
|
||||||
$.extend(true, $.trumbowyg, {
|
|
||||||
langs: {
|
|
||||||
en: {
|
|
||||||
template: 'Template'
|
|
||||||
},
|
|
||||||
fr: {
|
|
||||||
template: 'Patron'
|
|
||||||
},
|
|
||||||
nl: {
|
|
||||||
template: 'Sjabloon'
|
|
||||||
},
|
|
||||||
ru: {
|
|
||||||
template: 'Шаблон'
|
|
||||||
},
|
|
||||||
ja: {
|
|
||||||
template: 'テンプレート'
|
|
||||||
},
|
|
||||||
tr: {
|
|
||||||
template: 'Şablon'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// Adds the extra button definition
|
|
||||||
$.extend(true, $.trumbowyg, {
|
|
||||||
plugins: {
|
|
||||||
template: {
|
|
||||||
shouldInit: function (trumbowyg) {
|
|
||||||
return trumbowyg.o.plugins.hasOwnProperty('templates');
|
|
||||||
},
|
|
||||||
init: function (trumbowyg) {
|
|
||||||
trumbowyg.addBtnDef('template', {
|
|
||||||
dropdown: templateSelector(trumbowyg),
|
|
||||||
hasIcon: false,
|
|
||||||
text: trumbowyg.lang.template
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// Creates the template-selector dropdown.
|
|
||||||
function templateSelector(trumbowyg) {
|
|
||||||
var available = trumbowyg.o.plugins.templates;
|
|
||||||
var templates = [];
|
|
||||||
|
|
||||||
$.each(available, function (index, template) {
|
|
||||||
trumbowyg.addBtnDef('template_' + index, {
|
|
||||||
fn: function () {
|
|
||||||
trumbowyg.html(template.html);
|
|
||||||
},
|
|
||||||
hasIcon: false,
|
|
||||||
title: template.name
|
|
||||||
});
|
|
||||||
templates.push('template_' + index);
|
|
||||||
});
|
|
||||||
|
|
||||||
return templates;
|
|
||||||
}
|
|
||||||
})(jQuery);
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
!function(t){"use strict";function e(e){var n=e.o.plugins.templates,a=[];return t.each(n,function(t,n){e.addBtnDef("template_"+t,{fn:function(){e.html(n.html)},hasIcon:!1,title:n.name}),a.push("template_"+t)}),a}t.extend(!0,t.trumbowyg,{langs:{en:{template:"Template"},fr:{template:"Patron"},nl:{template:"Sjabloon"},ru:{template:"Шаблон"},ja:{template:"テンプレート"},tr:{template:"Şablon"}}}),t.extend(!0,t.trumbowyg,{plugins:{template:{shouldInit:function(t){return t.o.plugins.hasOwnProperty("templates")},init:function(t){t.addBtnDef("template",{dropdown:e(t),hasIcon:!1,text:t.lang.template})}}}})}(jQuery);
|
|
||||||
@@ -1,261 +0,0 @@
|
|||||||
/* ===========================================================
|
|
||||||
* trumbowyg.upload.js v1.2
|
|
||||||
* Upload plugin for Trumbowyg
|
|
||||||
* http://alex-d.github.com/Trumbowyg
|
|
||||||
* ===========================================================
|
|
||||||
* Author : Alexandre Demode (Alex-D)
|
|
||||||
* Twitter : @AlexandreDemode
|
|
||||||
* Website : alex-d.fr
|
|
||||||
* Mod by : Aleksandr-ru
|
|
||||||
* Twitter : @Aleksandr_ru
|
|
||||||
* Website : aleksandr.ru
|
|
||||||
*/
|
|
||||||
|
|
||||||
(function ($) {
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
var defaultOptions = {
|
|
||||||
serverPath: '',
|
|
||||||
fileFieldName: 'fileToUpload',
|
|
||||||
data: [], // Additional data for ajax [{name: 'key', value: 'value'}]
|
|
||||||
headers: {}, // Additional headers
|
|
||||||
xhrFields: {}, // Additional fields
|
|
||||||
urlPropertyName: 'file', // How to get url from the json response (for instance 'url' for {url: ....})
|
|
||||||
statusPropertyName: 'success', // How to get status from the json response
|
|
||||||
success: undefined, // Success callback: function (data, trumbowyg, $modal, values) {}
|
|
||||||
error: undefined, // Error callback: function () {}
|
|
||||||
imageWidthModalEdit: false // Add ability to edit image width
|
|
||||||
};
|
|
||||||
|
|
||||||
function getDeep(object, propertyParts) {
|
|
||||||
var mainProperty = propertyParts.shift(),
|
|
||||||
otherProperties = propertyParts;
|
|
||||||
|
|
||||||
if (object !== null) {
|
|
||||||
if (otherProperties.length === 0) {
|
|
||||||
return object[mainProperty];
|
|
||||||
}
|
|
||||||
|
|
||||||
if (typeof object === 'object') {
|
|
||||||
return getDeep(object[mainProperty], otherProperties);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return object;
|
|
||||||
}
|
|
||||||
|
|
||||||
addXhrProgressEvent();
|
|
||||||
|
|
||||||
$.extend(true, $.trumbowyg, {
|
|
||||||
langs: {
|
|
||||||
// jshint camelcase:false
|
|
||||||
en: {
|
|
||||||
upload: 'Upload',
|
|
||||||
file: 'File',
|
|
||||||
uploadError: 'Error'
|
|
||||||
},
|
|
||||||
sk: {
|
|
||||||
upload: 'Nahrať',
|
|
||||||
file: 'Súbor',
|
|
||||||
uploadError: 'Chyba'
|
|
||||||
},
|
|
||||||
fr: {
|
|
||||||
upload: 'Envoi',
|
|
||||||
file: 'Fichier',
|
|
||||||
uploadError: 'Erreur'
|
|
||||||
},
|
|
||||||
cs: {
|
|
||||||
upload: 'Nahrát obrázek',
|
|
||||||
file: 'Soubor',
|
|
||||||
uploadError: 'Chyba'
|
|
||||||
},
|
|
||||||
zh_cn: {
|
|
||||||
upload: '上传',
|
|
||||||
file: '文件',
|
|
||||||
uploadError: '错误'
|
|
||||||
},
|
|
||||||
zh_tw: {
|
|
||||||
upload: '上傳',
|
|
||||||
file: '文件',
|
|
||||||
uploadError: '錯誤'
|
|
||||||
},
|
|
||||||
ru: {
|
|
||||||
upload: 'Загрузка',
|
|
||||||
file: 'Файл',
|
|
||||||
uploadError: 'Ошибка'
|
|
||||||
},
|
|
||||||
ja: {
|
|
||||||
upload: 'アップロード',
|
|
||||||
file: 'ファイル',
|
|
||||||
uploadError: 'エラー'
|
|
||||||
},
|
|
||||||
pt_br: {
|
|
||||||
upload: 'Enviar do local',
|
|
||||||
file: 'Arquivo',
|
|
||||||
uploadError: 'Erro'
|
|
||||||
},
|
|
||||||
tr: {
|
|
||||||
upload: 'Yükle',
|
|
||||||
file: 'Dosya',
|
|
||||||
uploadError: 'Hata'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// jshint camelcase:true
|
|
||||||
|
|
||||||
plugins: {
|
|
||||||
upload: {
|
|
||||||
init: function (trumbowyg) {
|
|
||||||
trumbowyg.o.plugins.upload = $.extend(true, {}, defaultOptions, trumbowyg.o.plugins.upload || {});
|
|
||||||
var btnDef = {
|
|
||||||
fn: function () {
|
|
||||||
trumbowyg.saveRange();
|
|
||||||
|
|
||||||
var file,
|
|
||||||
prefix = trumbowyg.o.prefix;
|
|
||||||
|
|
||||||
var fields = {
|
|
||||||
file: {
|
|
||||||
type: 'file',
|
|
||||||
required: true,
|
|
||||||
attributes: {
|
|
||||||
accept: 'image/*'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
alt: {
|
|
||||||
label: 'description',
|
|
||||||
value: trumbowyg.getRangeText()
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
if (trumbowyg.o.plugins.upload.imageWidthModalEdit) {
|
|
||||||
fields.width = {
|
|
||||||
value: ''
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
var $modal = trumbowyg.openModalInsert(
|
|
||||||
// Title
|
|
||||||
trumbowyg.lang.upload,
|
|
||||||
|
|
||||||
// Fields
|
|
||||||
fields,
|
|
||||||
|
|
||||||
// Callback
|
|
||||||
function (values) {
|
|
||||||
var data = new FormData();
|
|
||||||
data.append(trumbowyg.o.plugins.upload.fileFieldName, file);
|
|
||||||
|
|
||||||
trumbowyg.o.plugins.upload.data.map(function (cur) {
|
|
||||||
data.append(cur.name, cur.value);
|
|
||||||
});
|
|
||||||
|
|
||||||
$.map(values, function (curr, key) {
|
|
||||||
if (key !== 'file') {
|
|
||||||
data.append(key, curr);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
if ($('.' + prefix + 'progress', $modal).length === 0) {
|
|
||||||
$('.' + prefix + 'modal-title', $modal)
|
|
||||||
.after(
|
|
||||||
$('<div/>', {
|
|
||||||
'class': prefix + 'progress'
|
|
||||||
}).append(
|
|
||||||
$('<div/>', {
|
|
||||||
'class': prefix + 'progress-bar'
|
|
||||||
})
|
|
||||||
)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
$.ajax({
|
|
||||||
url: trumbowyg.o.plugins.upload.serverPath,
|
|
||||||
headers: trumbowyg.o.plugins.upload.headers,
|
|
||||||
xhrFields: trumbowyg.o.plugins.upload.xhrFields,
|
|
||||||
type: 'POST',
|
|
||||||
data: data,
|
|
||||||
cache: false,
|
|
||||||
dataType: 'json',
|
|
||||||
processData: false,
|
|
||||||
contentType: false,
|
|
||||||
|
|
||||||
progressUpload: function (e) {
|
|
||||||
$('.' + prefix + 'progress-bar').css('width', Math.round(e.loaded * 100 / e.total) + '%');
|
|
||||||
},
|
|
||||||
|
|
||||||
success: function (data) {
|
|
||||||
if (trumbowyg.o.plugins.upload.success) {
|
|
||||||
trumbowyg.o.plugins.upload.success(data, trumbowyg, $modal, values);
|
|
||||||
} else {
|
|
||||||
if (!!getDeep(data, trumbowyg.o.plugins.upload.statusPropertyName.split('.'))) {
|
|
||||||
var url = getDeep(data, trumbowyg.o.plugins.upload.urlPropertyName.split('.'));
|
|
||||||
trumbowyg.execCmd('insertImage', url);
|
|
||||||
var $img = $('img[src="' + url + '"]:not([alt])', trumbowyg.$box);
|
|
||||||
$img.attr('alt', values.alt);
|
|
||||||
if (trumbowyg.o.imageWidthModalEdit && parseInt(values.width) > 0) {
|
|
||||||
$img.attr({
|
|
||||||
width: values.width
|
|
||||||
});
|
|
||||||
}
|
|
||||||
setTimeout(function () {
|
|
||||||
trumbowyg.closeModal();
|
|
||||||
}, 250);
|
|
||||||
trumbowyg.$c.trigger('tbwuploadsuccess', [trumbowyg, data, url]);
|
|
||||||
} else {
|
|
||||||
trumbowyg.addErrorOnModalField(
|
|
||||||
$('input[type=file]', $modal),
|
|
||||||
trumbowyg.lang[data.message]
|
|
||||||
);
|
|
||||||
trumbowyg.$c.trigger('tbwuploaderror', [trumbowyg, data]);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
error: trumbowyg.o.plugins.upload.error || function () {
|
|
||||||
trumbowyg.addErrorOnModalField(
|
|
||||||
$('input[type=file]', $modal),
|
|
||||||
trumbowyg.lang.uploadError
|
|
||||||
);
|
|
||||||
trumbowyg.$c.trigger('tbwuploaderror', [trumbowyg]);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
$('input[type=file]').on('change', function (e) {
|
|
||||||
try {
|
|
||||||
// If multiple files allowed, we just get the first.
|
|
||||||
file = e.target.files[0];
|
|
||||||
} catch (err) {
|
|
||||||
// In IE8, multiple files not allowed
|
|
||||||
file = e.target.value;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
trumbowyg.addBtnDef('upload', btnDef);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
function addXhrProgressEvent() {
|
|
||||||
if (!$.trumbowyg.addedXhrProgressEvent) { // Avoid adding progress event multiple times
|
|
||||||
var originalXhr = $.ajaxSettings.xhr;
|
|
||||||
$.ajaxSetup({
|
|
||||||
xhr: function () {
|
|
||||||
var req = originalXhr(),
|
|
||||||
that = this;
|
|
||||||
if (req && typeof req.upload === 'object' && that.progressUpload !== undefined) {
|
|
||||||
req.upload.addEventListener('progress', function (e) {
|
|
||||||
that.progressUpload(e);
|
|
||||||
}, false);
|
|
||||||
}
|
|
||||||
|
|
||||||
return req;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
$.trumbowyg.addedXhrProgressEvent = true;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})(jQuery);
|
|
||||||
File diff suppressed because one or more lines are too long
@@ -1,27 +0,0 @@
|
|||||||
.trumbowyg-fontsize_24px-dropdown-button{
|
|
||||||
min-height:25px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.trumbowyg-fontsize_28px-dropdown-button{
|
|
||||||
min-height:29px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.trumbowyg-fontsize_32px-dropdown-button{
|
|
||||||
min-height:33px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.trumbowyg-fontsize_40px-dropdown-button{
|
|
||||||
min-height:41px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.trumbowyg-fontsize_46px-dropdown-button{
|
|
||||||
min-height:47px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.trumbowyg-fontsize_52px-dropdown-button{
|
|
||||||
min-height:53px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.trumbowyg-fontsize_60px-dropdown-button{
|
|
||||||
min-height:61px;
|
|
||||||
}
|
|
||||||
@@ -1,118 +0,0 @@
|
|||||||
(function ($) {
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
$.extend(true, $.trumbowyg, {
|
|
||||||
langs: {
|
|
||||||
// jshint camelcase:false
|
|
||||||
en: {
|
|
||||||
fontsize: 'Font size',
|
|
||||||
fontsizes: {
|
|
||||||
'custom': 'Custom'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
ko: {
|
|
||||||
fontsize: '글자 크기',
|
|
||||||
fontsizes: {
|
|
||||||
'custom': '사용자 정의'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
}
|
|
||||||
});
|
|
||||||
// jshint camelcase:true
|
|
||||||
|
|
||||||
// Add dropdown with font sizes
|
|
||||||
$.extend(true, $.trumbowyg, {
|
|
||||||
plugins: {
|
|
||||||
fontsize: {
|
|
||||||
init: function (trumbowyg) {
|
|
||||||
trumbowyg.addBtnDef('fontsize', {
|
|
||||||
dropdown: buildDropdown(trumbowyg)
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
function buildDropdown(trumbowyg) {
|
|
||||||
var dropdown = [];
|
|
||||||
var sizes = [
|
|
||||||
'8px',
|
|
||||||
'9px',
|
|
||||||
'10px',
|
|
||||||
'11px',
|
|
||||||
'12px',
|
|
||||||
'14px',
|
|
||||||
'16px',
|
|
||||||
'18px',
|
|
||||||
'20px',
|
|
||||||
'24px',
|
|
||||||
'28px',
|
|
||||||
'32px',
|
|
||||||
'40px',
|
|
||||||
'46px',
|
|
||||||
'52px',
|
|
||||||
'60px'
|
|
||||||
];
|
|
||||||
|
|
||||||
$.each(sizes, function (index, size) {
|
|
||||||
trumbowyg.addBtnDef('fontsize_' + size, {
|
|
||||||
text: '<span style="font-size: ' + size + ';">' + size + '</span>',
|
|
||||||
hasIcon: false,
|
|
||||||
fn: function () {
|
|
||||||
trumbowyg.saveRange();
|
|
||||||
var text = trumbowyg.range.startContainer.parentElement;
|
|
||||||
var selectedText = trumbowyg.getRangeText();
|
|
||||||
if ($(text).html() === selectedText) {
|
|
||||||
$(text).css('font-size', size);
|
|
||||||
} else {
|
|
||||||
trumbowyg.range.deleteContents();
|
|
||||||
var html = '<span style="font-size: ' + size + ';">' + selectedText + '</span>';
|
|
||||||
var node = $(html)[0];
|
|
||||||
trumbowyg.range.insertNode(node);
|
|
||||||
}
|
|
||||||
trumbowyg.saveRange();
|
|
||||||
trumbowyg.syncCode();
|
|
||||||
trumbowyg.$c.trigger('tbwchange');
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
dropdown.push('fontsize_' + size);
|
|
||||||
});
|
|
||||||
|
|
||||||
var freeSizeButtonName = 'fontsize_custom',
|
|
||||||
freeSizeBtnDef = {
|
|
||||||
fn: function () {
|
|
||||||
trumbowyg.openModalInsert('Custom Font Size',
|
|
||||||
{
|
|
||||||
size: {
|
|
||||||
label: 'Font Size',
|
|
||||||
value: '48px'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
function (values) {
|
|
||||||
var text = trumbowyg.range.startContainer.parentElement;
|
|
||||||
var selectedText = trumbowyg.getRangeText();
|
|
||||||
if ($(text).html() === selectedText) {
|
|
||||||
$(text).css('font-size', values.size);
|
|
||||||
} else {
|
|
||||||
trumbowyg.range.deleteContents();
|
|
||||||
var html = '<span style="font-size: ' + values.size + ';">' + selectedText + '</span>';
|
|
||||||
var node = $(html)[0];
|
|
||||||
trumbowyg.range.insertNode(node);
|
|
||||||
}
|
|
||||||
trumbowyg.saveRange();
|
|
||||||
trumbowyg.syncCode();
|
|
||||||
trumbowyg.$c.trigger('tbwchange');
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
);
|
|
||||||
},
|
|
||||||
text: '<span style="font-size: medium;">' + trumbowyg.lang.fontsizes.custom + '</span>',
|
|
||||||
hasIcon: false
|
|
||||||
};
|
|
||||||
trumbowyg.addBtnDef(freeSizeButtonName, freeSizeBtnDef);
|
|
||||||
dropdown.push(freeSizeButtonName);
|
|
||||||
|
|
||||||
return dropdown;
|
|
||||||
}
|
|
||||||
})(jQuery);
|
|
||||||
@@ -1,1823 +0,0 @@
|
|||||||
/**
|
|
||||||
* Trumbowyg v2.10.0 - A lightweight WYSIWYG editor
|
|
||||||
* Trumbowyg core file
|
|
||||||
* ------------------------
|
|
||||||
* @link http://alex-d.github.io/Trumbowyg
|
|
||||||
* @license MIT
|
|
||||||
* @author Alexandre Demode (Alex-D)
|
|
||||||
* Twitter : @AlexandreDemode
|
|
||||||
* Website : alex-d.fr
|
|
||||||
*/
|
|
||||||
|
|
||||||
jQuery.trumbowyg = {
|
|
||||||
langs: {
|
|
||||||
en: {
|
|
||||||
viewHTML: 'View HTML',
|
|
||||||
|
|
||||||
undo: 'Undo',
|
|
||||||
redo: 'Redo',
|
|
||||||
|
|
||||||
formatting: 'Formatting',
|
|
||||||
p: 'Paragraph',
|
|
||||||
blockquote: 'Quote',
|
|
||||||
code: 'Code',
|
|
||||||
header: 'Header',
|
|
||||||
|
|
||||||
bold: 'Bold',
|
|
||||||
italic: 'Italic',
|
|
||||||
strikethrough: 'Stroke',
|
|
||||||
underline: 'Underline',
|
|
||||||
|
|
||||||
strong: 'Strong',
|
|
||||||
em: 'Emphasis',
|
|
||||||
del: 'Deleted',
|
|
||||||
|
|
||||||
superscript: 'Superscript',
|
|
||||||
subscript: 'Subscript',
|
|
||||||
|
|
||||||
unorderedList: 'Unordered list',
|
|
||||||
orderedList: 'Ordered list',
|
|
||||||
|
|
||||||
insertImage: 'Insert Image',
|
|
||||||
link: 'Link',
|
|
||||||
createLink: 'Insert link',
|
|
||||||
unlink: 'Remove link',
|
|
||||||
|
|
||||||
justifyLeft: 'Align Left',
|
|
||||||
justifyCenter: 'Align Center',
|
|
||||||
justifyRight: 'Align Right',
|
|
||||||
justifyFull: 'Align Justify',
|
|
||||||
|
|
||||||
horizontalRule: 'Insert horizontal rule',
|
|
||||||
removeformat: 'Remove format',
|
|
||||||
|
|
||||||
fullscreen: 'Fullscreen',
|
|
||||||
|
|
||||||
close: 'Close',
|
|
||||||
|
|
||||||
submit: 'Confirm',
|
|
||||||
reset: 'Cancel',
|
|
||||||
|
|
||||||
required: 'Required',
|
|
||||||
description: 'Description',
|
|
||||||
title: 'Title',
|
|
||||||
text: 'Text',
|
|
||||||
target: 'Target',
|
|
||||||
width: 'Width'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
// Plugins
|
|
||||||
plugins: {},
|
|
||||||
|
|
||||||
// SVG Path globally
|
|
||||||
svgPath: null,
|
|
||||||
|
|
||||||
hideButtonTexts: null
|
|
||||||
};
|
|
||||||
|
|
||||||
// Makes default options read-only
|
|
||||||
Object.defineProperty(jQuery.trumbowyg, 'defaultOptions', {
|
|
||||||
value: {
|
|
||||||
lang: 'en',
|
|
||||||
|
|
||||||
fixedBtnPane: false,
|
|
||||||
fixedFullWidth: false,
|
|
||||||
autogrow: false,
|
|
||||||
autogrowOnEnter: false,
|
|
||||||
imageWidthModalEdit: false,
|
|
||||||
|
|
||||||
prefix: 'trumbowyg-',
|
|
||||||
|
|
||||||
semantic: true,
|
|
||||||
resetCss: false,
|
|
||||||
removeformatPasted: false,
|
|
||||||
tagsToRemove: [],
|
|
||||||
btns: [
|
|
||||||
['viewHTML'],
|
|
||||||
['undo', 'redo'], // Only supported in Blink browsers
|
|
||||||
['formatting'],
|
|
||||||
['strong', 'em', 'del'],
|
|
||||||
['superscript', 'subscript'],
|
|
||||||
['link'],
|
|
||||||
['insertImage'],
|
|
||||||
['justifyLeft', 'justifyCenter', 'justifyRight', 'justifyFull'],
|
|
||||||
['unorderedList', 'orderedList'],
|
|
||||||
['horizontalRule'],
|
|
||||||
['removeformat'],
|
|
||||||
['fullscreen']
|
|
||||||
],
|
|
||||||
// For custom button definitions
|
|
||||||
btnsDef: {},
|
|
||||||
|
|
||||||
inlineElementsSelector: 'a,abbr,acronym,b,caption,cite,code,col,dfn,dir,dt,dd,em,font,hr,i,kbd,li,q,span,strikeout,strong,sub,sup,u',
|
|
||||||
|
|
||||||
pasteHandlers: [],
|
|
||||||
|
|
||||||
// imgDblClickHandler: default is defined in constructor
|
|
||||||
|
|
||||||
plugins: {},
|
|
||||||
urlProtocol: false,
|
|
||||||
minimalLinks: false
|
|
||||||
},
|
|
||||||
writable: false,
|
|
||||||
enumerable: true,
|
|
||||||
configurable: false
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
(function (navigator, window, document, $) {
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
var CONFIRM_EVENT = 'tbwconfirm',
|
|
||||||
CANCEL_EVENT = 'tbwcancel';
|
|
||||||
|
|
||||||
$.fn.trumbowyg = function (options, params) {
|
|
||||||
var trumbowygDataName = 'trumbowyg';
|
|
||||||
if (options === Object(options) || !options) {
|
|
||||||
return this.each(function () {
|
|
||||||
if (!$(this).data(trumbowygDataName)) {
|
|
||||||
$(this).data(trumbowygDataName, new Trumbowyg(this, options));
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
if (this.length === 1) {
|
|
||||||
try {
|
|
||||||
var t = $(this).data(trumbowygDataName);
|
|
||||||
switch (options) {
|
|
||||||
// Exec command
|
|
||||||
case 'execCmd':
|
|
||||||
return t.execCmd(params.cmd, params.param, params.forceCss);
|
|
||||||
|
|
||||||
// Modal box
|
|
||||||
case 'openModal':
|
|
||||||
return t.openModal(params.title, params.content);
|
|
||||||
case 'closeModal':
|
|
||||||
return t.closeModal();
|
|
||||||
case 'openModalInsert':
|
|
||||||
return t.openModalInsert(params.title, params.fields, params.callback);
|
|
||||||
|
|
||||||
// Range
|
|
||||||
case 'saveRange':
|
|
||||||
return t.saveRange();
|
|
||||||
case 'getRange':
|
|
||||||
return t.range;
|
|
||||||
case 'getRangeText':
|
|
||||||
return t.getRangeText();
|
|
||||||
case 'restoreRange':
|
|
||||||
return t.restoreRange();
|
|
||||||
|
|
||||||
// Enable/disable
|
|
||||||
case 'enable':
|
|
||||||
return t.setDisabled(false);
|
|
||||||
case 'disable':
|
|
||||||
return t.setDisabled(true);
|
|
||||||
|
|
||||||
// Toggle
|
|
||||||
case 'toggle':
|
|
||||||
return t.toggle();
|
|
||||||
|
|
||||||
// Destroy
|
|
||||||
case 'destroy':
|
|
||||||
return t.destroy();
|
|
||||||
|
|
||||||
// Empty
|
|
||||||
case 'empty':
|
|
||||||
return t.empty();
|
|
||||||
|
|
||||||
// HTML
|
|
||||||
case 'html':
|
|
||||||
return t.html(params);
|
|
||||||
}
|
|
||||||
} catch (c) {
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return false;
|
|
||||||
};
|
|
||||||
|
|
||||||
// @param: editorElem is the DOM element
|
|
||||||
var Trumbowyg = function (editorElem, options) {
|
|
||||||
var t = this,
|
|
||||||
trumbowygIconsId = 'trumbowyg-icons',
|
|
||||||
$trumbowyg = $.trumbowyg;
|
|
||||||
|
|
||||||
// Get the document of the element. It use to makes the plugin
|
|
||||||
// compatible on iframes.
|
|
||||||
t.doc = editorElem.ownerDocument || document;
|
|
||||||
|
|
||||||
// jQuery object of the editor
|
|
||||||
t.$ta = $(editorElem); // $ta : Textarea
|
|
||||||
t.$c = $(editorElem); // $c : creator
|
|
||||||
|
|
||||||
options = options || {};
|
|
||||||
|
|
||||||
// Localization management
|
|
||||||
if (options.lang != null || $trumbowyg.langs[options.lang] != null) {
|
|
||||||
t.lang = $.extend(true, {}, $trumbowyg.langs.en, $trumbowyg.langs[options.lang]);
|
|
||||||
} else {
|
|
||||||
t.lang = $trumbowyg.langs.en;
|
|
||||||
}
|
|
||||||
|
|
||||||
t.hideButtonTexts = $trumbowyg.hideButtonTexts != null ? $trumbowyg.hideButtonTexts : options.hideButtonTexts;
|
|
||||||
|
|
||||||
// SVG path
|
|
||||||
var svgPathOption = $trumbowyg.svgPath != null ? $trumbowyg.svgPath : options.svgPath;
|
|
||||||
t.hasSvg = svgPathOption !== false;
|
|
||||||
t.svgPath = !!t.doc.querySelector('base') ? window.location.href.split('#')[0] : '';
|
|
||||||
if ($('#' + trumbowygIconsId, t.doc).length === 0 && svgPathOption !== false) {
|
|
||||||
if (svgPathOption == null) {
|
|
||||||
// Hack to get svgPathOption based on trumbowyg.js path
|
|
||||||
var scriptElements = document.getElementsByTagName('script');
|
|
||||||
for (var i = 0; i < scriptElements.length; i += 1) {
|
|
||||||
var source = scriptElements[i].src;
|
|
||||||
var matches = source.match('trumbowyg(\.min)?\.js');
|
|
||||||
if (matches != null) {
|
|
||||||
svgPathOption = source.substring(0, source.indexOf(matches[0])) + 'ui/icons.svg';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (svgPathOption == null) {
|
|
||||||
console.warn('You must define svgPath: https://goo.gl/CfTY9U'); // jshint ignore:line
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
var div = t.doc.createElement('div');
|
|
||||||
div.id = trumbowygIconsId;
|
|
||||||
t.doc.body.insertBefore(div, t.doc.body.childNodes[0]);
|
|
||||||
$.ajax({
|
|
||||||
async: true,
|
|
||||||
type: 'GET',
|
|
||||||
contentType: 'application/x-www-form-urlencoded; charset=UTF-8',
|
|
||||||
dataType: 'xml',
|
|
||||||
crossDomain: true,
|
|
||||||
url: svgPathOption,
|
|
||||||
data: null,
|
|
||||||
beforeSend: null,
|
|
||||||
complete: null,
|
|
||||||
success: function (data) {
|
|
||||||
div.innerHTML = new XMLSerializer().serializeToString(data.documentElement);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* When the button is associated to a empty object
|
|
||||||
* fn and title attributs are defined from the button key value
|
|
||||||
*
|
|
||||||
* For example
|
|
||||||
* foo: {}
|
|
||||||
* is equivalent to :
|
|
||||||
* foo: {
|
|
||||||
* fn: 'foo',
|
|
||||||
* title: this.lang.foo
|
|
||||||
* }
|
|
||||||
*/
|
|
||||||
var h = t.lang.header, // Header translation
|
|
||||||
isBlinkFunction = function () {
|
|
||||||
return (window.chrome || (window.Intl && Intl.v8BreakIterator)) && 'CSS' in window;
|
|
||||||
};
|
|
||||||
t.btnsDef = {
|
|
||||||
viewHTML: {
|
|
||||||
fn: 'toggle'
|
|
||||||
},
|
|
||||||
|
|
||||||
undo: {
|
|
||||||
isSupported: isBlinkFunction,
|
|
||||||
key: 'Z'
|
|
||||||
},
|
|
||||||
redo: {
|
|
||||||
isSupported: isBlinkFunction,
|
|
||||||
key: 'Y'
|
|
||||||
},
|
|
||||||
|
|
||||||
p: {
|
|
||||||
fn: 'formatBlock'
|
|
||||||
},
|
|
||||||
blockquote: {
|
|
||||||
fn: 'formatBlock'
|
|
||||||
},
|
|
||||||
h1: {
|
|
||||||
fn: 'formatBlock',
|
|
||||||
title: h + ' 1'
|
|
||||||
},
|
|
||||||
h2: {
|
|
||||||
fn: 'formatBlock',
|
|
||||||
title: h + ' 2'
|
|
||||||
},
|
|
||||||
h3: {
|
|
||||||
fn: 'formatBlock',
|
|
||||||
title: h + ' 3'
|
|
||||||
},
|
|
||||||
h4: {
|
|
||||||
fn: 'formatBlock',
|
|
||||||
title: h + ' 4'
|
|
||||||
},
|
|
||||||
subscript: {
|
|
||||||
tag: 'sub'
|
|
||||||
},
|
|
||||||
superscript: {
|
|
||||||
tag: 'sup'
|
|
||||||
},
|
|
||||||
|
|
||||||
bold: {
|
|
||||||
key: 'B',
|
|
||||||
tag: 'b'
|
|
||||||
},
|
|
||||||
italic: {
|
|
||||||
key: 'I',
|
|
||||||
tag: 'i'
|
|
||||||
},
|
|
||||||
underline: {
|
|
||||||
tag: 'u'
|
|
||||||
},
|
|
||||||
strikethrough: {
|
|
||||||
tag: 'strike'
|
|
||||||
},
|
|
||||||
|
|
||||||
strong: {
|
|
||||||
fn: 'bold',
|
|
||||||
key: 'B'
|
|
||||||
},
|
|
||||||
em: {
|
|
||||||
fn: 'italic',
|
|
||||||
key: 'I'
|
|
||||||
},
|
|
||||||
del: {
|
|
||||||
fn: 'strikethrough'
|
|
||||||
},
|
|
||||||
|
|
||||||
createLink: {
|
|
||||||
key: 'K',
|
|
||||||
tag: 'a'
|
|
||||||
},
|
|
||||||
unlink: {},
|
|
||||||
|
|
||||||
insertImage: {},
|
|
||||||
|
|
||||||
justifyLeft: {
|
|
||||||
tag: 'left',
|
|
||||||
forceCss: true
|
|
||||||
},
|
|
||||||
justifyCenter: {
|
|
||||||
tag: 'center',
|
|
||||||
forceCss: true
|
|
||||||
},
|
|
||||||
justifyRight: {
|
|
||||||
tag: 'right',
|
|
||||||
forceCss: true
|
|
||||||
},
|
|
||||||
justifyFull: {
|
|
||||||
tag: 'justify',
|
|
||||||
forceCss: true
|
|
||||||
},
|
|
||||||
|
|
||||||
unorderedList: {
|
|
||||||
fn: 'insertUnorderedList',
|
|
||||||
tag: 'ul'
|
|
||||||
},
|
|
||||||
orderedList: {
|
|
||||||
fn: 'insertOrderedList',
|
|
||||||
tag: 'ol'
|
|
||||||
},
|
|
||||||
|
|
||||||
horizontalRule: {
|
|
||||||
fn: 'insertHorizontalRule'
|
|
||||||
},
|
|
||||||
|
|
||||||
removeformat: {},
|
|
||||||
|
|
||||||
fullscreen: {
|
|
||||||
class: 'trumbowyg-not-disable'
|
|
||||||
},
|
|
||||||
close: {
|
|
||||||
fn: 'destroy',
|
|
||||||
class: 'trumbowyg-not-disable'
|
|
||||||
},
|
|
||||||
|
|
||||||
// Dropdowns
|
|
||||||
formatting: {
|
|
||||||
dropdown: ['p', 'blockquote', 'h1', 'h2', 'h3', 'h4'],
|
|
||||||
ico: 'p'
|
|
||||||
},
|
|
||||||
link: {
|
|
||||||
dropdown: ['createLink', 'unlink']
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
// Defaults Options
|
|
||||||
t.o = $.extend(true, {}, $trumbowyg.defaultOptions, options);
|
|
||||||
if (!t.o.hasOwnProperty('imgDblClickHandler')) {
|
|
||||||
t.o.imgDblClickHandler = t.getDefaultImgDblClickHandler();
|
|
||||||
}
|
|
||||||
|
|
||||||
t.urlPrefix = t.setupUrlPrefix();
|
|
||||||
|
|
||||||
t.disabled = t.o.disabled || (editorElem.nodeName === 'TEXTAREA' && editorElem.disabled);
|
|
||||||
|
|
||||||
if (options.btns) {
|
|
||||||
t.o.btns = options.btns;
|
|
||||||
} else if (!t.o.semantic) {
|
|
||||||
t.o.btns[3] = ['bold', 'italic', 'underline', 'strikethrough'];
|
|
||||||
}
|
|
||||||
|
|
||||||
$.each(t.o.btnsDef, function (btnName, btnDef) {
|
|
||||||
t.addBtnDef(btnName, btnDef);
|
|
||||||
});
|
|
||||||
|
|
||||||
// put this here in the event it would be merged in with options
|
|
||||||
t.eventNamespace = 'trumbowyg-event';
|
|
||||||
|
|
||||||
// Keyboard shortcuts are load in this array
|
|
||||||
t.keys = [];
|
|
||||||
|
|
||||||
// Tag to button dynamically hydrated
|
|
||||||
t.tagToButton = {};
|
|
||||||
t.tagHandlers = [];
|
|
||||||
|
|
||||||
// Admit multiple paste handlers
|
|
||||||
t.pasteHandlers = [].concat(t.o.pasteHandlers);
|
|
||||||
|
|
||||||
// Check if browser is IE
|
|
||||||
t.isIE = (navigator.userAgent.indexOf('MSIE') !== -1 || navigator.appVersion.indexOf('Trident/') !== -1);
|
|
||||||
|
|
||||||
t.init();
|
|
||||||
};
|
|
||||||
|
|
||||||
Trumbowyg.prototype = {
|
|
||||||
DEFAULT_SEMANTIC_MAP: {
|
|
||||||
'b': 'strong',
|
|
||||||
'i': 'em',
|
|
||||||
's': 'del',
|
|
||||||
'strike': 'del',
|
|
||||||
'div': 'p'
|
|
||||||
},
|
|
||||||
|
|
||||||
init: function () {
|
|
||||||
var t = this;
|
|
||||||
t.height = t.$ta.height();
|
|
||||||
|
|
||||||
t.initPlugins();
|
|
||||||
|
|
||||||
try {
|
|
||||||
// Disable image resize, try-catch for old IE
|
|
||||||
t.doc.execCommand('enableObjectResizing', false, false);
|
|
||||||
t.doc.execCommand('defaultParagraphSeparator', false, 'p');
|
|
||||||
} catch (e) {
|
|
||||||
}
|
|
||||||
|
|
||||||
t.buildEditor();
|
|
||||||
t.buildBtnPane();
|
|
||||||
|
|
||||||
t.fixedBtnPaneEvents();
|
|
||||||
|
|
||||||
t.buildOverlay();
|
|
||||||
|
|
||||||
setTimeout(function () {
|
|
||||||
if (t.disabled) {
|
|
||||||
t.setDisabled(true);
|
|
||||||
}
|
|
||||||
t.$c.trigger('tbwinit');
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
addBtnDef: function (btnName, btnDef) {
|
|
||||||
this.btnsDef[btnName] = btnDef;
|
|
||||||
},
|
|
||||||
|
|
||||||
setupUrlPrefix: function () {
|
|
||||||
var protocol = this.o.urlProtocol;
|
|
||||||
if (!protocol) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (typeof(protocol) !== 'string') {
|
|
||||||
return 'https://';
|
|
||||||
}
|
|
||||||
return /:\/\/$/.test(protocol) ? protocol : protocol + '://';
|
|
||||||
},
|
|
||||||
|
|
||||||
buildEditor: function () {
|
|
||||||
var t = this,
|
|
||||||
prefix = t.o.prefix,
|
|
||||||
html = '';
|
|
||||||
|
|
||||||
t.$box = $('<div/>', {
|
|
||||||
class: prefix + 'box ' + prefix + 'editor-visible ' + prefix + t.o.lang + ' trumbowyg'
|
|
||||||
});
|
|
||||||
|
|
||||||
// $ta = Textarea
|
|
||||||
// $ed = Editor
|
|
||||||
t.isTextarea = t.$ta.is('textarea');
|
|
||||||
if (t.isTextarea) {
|
|
||||||
html = t.$ta.val();
|
|
||||||
t.$ed = $('<div/>');
|
|
||||||
t.$box
|
|
||||||
.insertAfter(t.$ta)
|
|
||||||
.append(t.$ed, t.$ta);
|
|
||||||
} else {
|
|
||||||
t.$ed = t.$ta;
|
|
||||||
html = t.$ed.html();
|
|
||||||
|
|
||||||
t.$ta = $('<textarea/>', {
|
|
||||||
name: t.$ta.attr('id'),
|
|
||||||
height: t.height
|
|
||||||
}).val(html);
|
|
||||||
|
|
||||||
t.$box
|
|
||||||
.insertAfter(t.$ed)
|
|
||||||
.append(t.$ta, t.$ed);
|
|
||||||
t.syncCode();
|
|
||||||
}
|
|
||||||
|
|
||||||
t.$ta
|
|
||||||
.addClass(prefix + 'textarea')
|
|
||||||
.attr('tabindex', -1)
|
|
||||||
;
|
|
||||||
|
|
||||||
t.$ed
|
|
||||||
.addClass(prefix + 'editor')
|
|
||||||
.attr({
|
|
||||||
contenteditable: true,
|
|
||||||
dir: t.lang._dir || 'ltr'
|
|
||||||
})
|
|
||||||
.html(html)
|
|
||||||
;
|
|
||||||
|
|
||||||
if (t.o.tabindex) {
|
|
||||||
t.$ed.attr('tabindex', t.o.tabindex);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (t.$c.is('[placeholder]')) {
|
|
||||||
t.$ed.attr('placeholder', t.$c.attr('placeholder'));
|
|
||||||
}
|
|
||||||
|
|
||||||
if (t.$c.is('[spellcheck]')) {
|
|
||||||
t.$ed.attr('spellcheck', t.$c.attr('spellcheck'));
|
|
||||||
}
|
|
||||||
|
|
||||||
if (t.o.resetCss) {
|
|
||||||
t.$ed.addClass(prefix + 'reset-css');
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!t.o.autogrow) {
|
|
||||||
t.$ta.add(t.$ed).css({
|
|
||||||
height: t.height
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
t.semanticCode();
|
|
||||||
|
|
||||||
if (t.o.autogrowOnEnter) {
|
|
||||||
t.$ed.addClass(prefix + 'autogrow-on-enter');
|
|
||||||
}
|
|
||||||
|
|
||||||
var ctrl = false,
|
|
||||||
composition = false,
|
|
||||||
debounceButtonPaneStatus,
|
|
||||||
updateEventName = 'keyup';
|
|
||||||
|
|
||||||
t.$ed
|
|
||||||
.on('dblclick', 'img', t.o.imgDblClickHandler)
|
|
||||||
.on('keydown', function (e) {
|
|
||||||
if ((e.ctrlKey || e.metaKey) && !e.altKey) {
|
|
||||||
ctrl = true;
|
|
||||||
var key = t.keys[String.fromCharCode(e.which).toUpperCase()];
|
|
||||||
|
|
||||||
try {
|
|
||||||
t.execCmd(key.fn, key.param);
|
|
||||||
return false;
|
|
||||||
} catch (c) {
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})
|
|
||||||
.on('compositionstart compositionupdate', function () {
|
|
||||||
composition = true;
|
|
||||||
})
|
|
||||||
.on(updateEventName + ' compositionend', function (e) {
|
|
||||||
if (e.type === 'compositionend') {
|
|
||||||
composition = false;
|
|
||||||
} else if (composition) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
var keyCode = e.which;
|
|
||||||
|
|
||||||
if (keyCode >= 37 && keyCode <= 40) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if ((e.ctrlKey || e.metaKey) && (keyCode === 89 || keyCode === 90)) {
|
|
||||||
t.$c.trigger('tbwchange');
|
|
||||||
} else if (!ctrl && keyCode !== 17) {
|
|
||||||
var compositionEndIE = t.isIE ? e.type === 'compositionend' : true;
|
|
||||||
t.semanticCode(false, compositionEndIE && keyCode === 13);
|
|
||||||
t.$c.trigger('tbwchange');
|
|
||||||
} else if (typeof e.which === 'undefined') {
|
|
||||||
t.semanticCode(false, false, true);
|
|
||||||
}
|
|
||||||
|
|
||||||
setTimeout(function () {
|
|
||||||
ctrl = false;
|
|
||||||
}, 50);
|
|
||||||
})
|
|
||||||
.on('mouseup keydown keyup', function (e) {
|
|
||||||
if ((!e.ctrlKey && !e.metaKey) || e.altKey) {
|
|
||||||
setTimeout(function () { // "hold on" to the ctrl key for 50ms
|
|
||||||
ctrl = false;
|
|
||||||
}, 50);
|
|
||||||
}
|
|
||||||
clearTimeout(debounceButtonPaneStatus);
|
|
||||||
debounceButtonPaneStatus = setTimeout(function () {
|
|
||||||
t.updateButtonPaneStatus();
|
|
||||||
}, 50);
|
|
||||||
})
|
|
||||||
.on('focus blur', function (e) {
|
|
||||||
t.$c.trigger('tbw' + e.type);
|
|
||||||
if (e.type === 'blur') {
|
|
||||||
$('.' + prefix + 'active-button', t.$btnPane).removeClass(prefix + 'active-button ' + prefix + 'active');
|
|
||||||
}
|
|
||||||
if (t.o.autogrowOnEnter) {
|
|
||||||
if (t.autogrowOnEnterDontClose) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (e.type === 'focus') {
|
|
||||||
t.autogrowOnEnterWasFocused = true;
|
|
||||||
t.autogrowEditorOnEnter();
|
|
||||||
}
|
|
||||||
else if (!t.o.autogrow) {
|
|
||||||
t.$ed.css({height: t.$ed.css('min-height')});
|
|
||||||
t.$c.trigger('tbwresize');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})
|
|
||||||
.on('cut', function () {
|
|
||||||
setTimeout(function () {
|
|
||||||
t.semanticCode(false, true);
|
|
||||||
t.$c.trigger('tbwchange');
|
|
||||||
}, 0);
|
|
||||||
})
|
|
||||||
.on('paste', function (e) {
|
|
||||||
if (t.o.removeformatPasted) {
|
|
||||||
e.preventDefault();
|
|
||||||
|
|
||||||
if (window.getSelection && window.getSelection().deleteFromDocument) {
|
|
||||||
window.getSelection().deleteFromDocument();
|
|
||||||
}
|
|
||||||
|
|
||||||
try {
|
|
||||||
// IE
|
|
||||||
var text = window.clipboardData.getData('Text');
|
|
||||||
|
|
||||||
try {
|
|
||||||
// <= IE10
|
|
||||||
t.doc.selection.createRange().pasteHTML(text);
|
|
||||||
} catch (c) {
|
|
||||||
// IE 11
|
|
||||||
t.doc.getSelection().getRangeAt(0).insertNode(t.doc.createTextNode(text));
|
|
||||||
}
|
|
||||||
t.$c.trigger('tbwchange', e);
|
|
||||||
} catch (d) {
|
|
||||||
// Not IE
|
|
||||||
t.execCmd('insertText', (e.originalEvent || e).clipboardData.getData('text/plain'));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Call pasteHandlers
|
|
||||||
$.each(t.pasteHandlers, function (i, pasteHandler) {
|
|
||||||
pasteHandler(e);
|
|
||||||
});
|
|
||||||
|
|
||||||
setTimeout(function () {
|
|
||||||
t.semanticCode(false, true);
|
|
||||||
t.$c.trigger('tbwpaste', e);
|
|
||||||
}, 0);
|
|
||||||
});
|
|
||||||
|
|
||||||
t.$ta
|
|
||||||
.on('keyup', function () {
|
|
||||||
t.$c.trigger('tbwchange');
|
|
||||||
})
|
|
||||||
.on('paste', function () {
|
|
||||||
setTimeout(function () {
|
|
||||||
t.$c.trigger('tbwchange');
|
|
||||||
}, 0);
|
|
||||||
});
|
|
||||||
|
|
||||||
t.$box.on('keydown', function (e) {
|
|
||||||
if (e.which === 27 && $('.' + prefix + 'modal-box', t.$box).length === 1) {
|
|
||||||
t.closeModal();
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
//autogrow when entering logic
|
|
||||||
autogrowEditorOnEnter: function () {
|
|
||||||
var t = this;
|
|
||||||
t.$ed.removeClass('autogrow-on-enter');
|
|
||||||
var oldHeight = t.$ed[0].clientHeight;
|
|
||||||
t.$ed.height('auto');
|
|
||||||
var totalHeight = t.$ed[0].scrollHeight;
|
|
||||||
t.$ed.addClass('autogrow-on-enter');
|
|
||||||
if (oldHeight !== totalHeight) {
|
|
||||||
t.$ed.height(oldHeight);
|
|
||||||
setTimeout(function () {
|
|
||||||
t.$ed.css({height: totalHeight});
|
|
||||||
t.$c.trigger('tbwresize');
|
|
||||||
}, 0);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
|
|
||||||
// Build button pane, use o.btns option
|
|
||||||
buildBtnPane: function () {
|
|
||||||
var t = this,
|
|
||||||
prefix = t.o.prefix;
|
|
||||||
|
|
||||||
var $btnPane = t.$btnPane = $('<div/>', {
|
|
||||||
class: prefix + 'button-pane'
|
|
||||||
});
|
|
||||||
|
|
||||||
$.each(t.o.btns, function (i, btnGrp) {
|
|
||||||
if (!$.isArray(btnGrp)) {
|
|
||||||
btnGrp = [btnGrp];
|
|
||||||
}
|
|
||||||
|
|
||||||
var $btnGroup = $('<div/>', {
|
|
||||||
class: prefix + 'button-group ' + ((btnGrp.indexOf('fullscreen') >= 0) ? prefix + 'right' : '')
|
|
||||||
});
|
|
||||||
$.each(btnGrp, function (i, btn) {
|
|
||||||
try { // Prevent buildBtn error
|
|
||||||
if (t.isSupportedBtn(btn)) { // It's a supported button
|
|
||||||
$btnGroup.append(t.buildBtn(btn));
|
|
||||||
}
|
|
||||||
} catch (c) {
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
if ($btnGroup.html().trim().length > 0) {
|
|
||||||
$btnPane.append($btnGroup);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
t.$box.prepend($btnPane);
|
|
||||||
},
|
|
||||||
|
|
||||||
|
|
||||||
// Build a button and his action
|
|
||||||
buildBtn: function (btnName) { // btnName is name of the button
|
|
||||||
var t = this,
|
|
||||||
prefix = t.o.prefix,
|
|
||||||
btn = t.btnsDef[btnName],
|
|
||||||
isDropdown = btn.dropdown,
|
|
||||||
hasIcon = btn.hasIcon != null ? btn.hasIcon : true,
|
|
||||||
textDef = t.lang[btnName] || btnName,
|
|
||||||
|
|
||||||
$btn = $('<button/>', {
|
|
||||||
type: 'button',
|
|
||||||
class: prefix + btnName + '-button ' + (btn.class || '') + (!hasIcon ? ' ' + prefix + 'textual-button' : ''),
|
|
||||||
html: t.hasSvg && hasIcon ?
|
|
||||||
'<svg><use xlink:href="' + t.svgPath + '#' + prefix + (btn.ico || btnName).replace(/([A-Z]+)/g, '-$1').toLowerCase() + '"/></svg>' :
|
|
||||||
t.hideButtonTexts ? '' : (btn.text || btn.title || t.lang[btnName] || btnName),
|
|
||||||
title: (btn.title || btn.text || textDef) + ((btn.key) ? ' (Ctrl + ' + btn.key + ')' : ''),
|
|
||||||
tabindex: -1,
|
|
||||||
mousedown: function () {
|
|
||||||
if (!isDropdown || $('.' + btnName + '-' + prefix + 'dropdown', t.$box).is(':hidden')) {
|
|
||||||
$('body', t.doc).trigger('mousedown');
|
|
||||||
}
|
|
||||||
|
|
||||||
if ((t.$btnPane.hasClass(prefix + 'disable') || t.$box.hasClass(prefix + 'disabled')) &&
|
|
||||||
!$(this).hasClass(prefix + 'active') &&
|
|
||||||
!$(this).hasClass(prefix + 'not-disable')) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
t.execCmd((isDropdown ? 'dropdown' : false) || btn.fn || btnName, btn.param || btnName, btn.forceCss);
|
|
||||||
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
if (isDropdown) {
|
|
||||||
$btn.addClass(prefix + 'open-dropdown');
|
|
||||||
var dropdownPrefix = prefix + 'dropdown',
|
|
||||||
dropdownOptions = { // the dropdown
|
|
||||||
class: dropdownPrefix + '-' + btnName + ' ' + dropdownPrefix + ' ' + prefix + 'fixed-top'
|
|
||||||
};
|
|
||||||
dropdownOptions['data-' + dropdownPrefix] = btnName;
|
|
||||||
var $dropdown = $('<div/>', dropdownOptions);
|
|
||||||
$.each(isDropdown, function (i, def) {
|
|
||||||
if (t.btnsDef[def] && t.isSupportedBtn(def)) {
|
|
||||||
$dropdown.append(t.buildSubBtn(def));
|
|
||||||
}
|
|
||||||
});
|
|
||||||
t.$box.append($dropdown.hide());
|
|
||||||
} else if (btn.key) {
|
|
||||||
t.keys[btn.key] = {
|
|
||||||
fn: btn.fn || btnName,
|
|
||||||
param: btn.param || btnName
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!isDropdown) {
|
|
||||||
t.tagToButton[(btn.tag || btnName).toLowerCase()] = btnName;
|
|
||||||
}
|
|
||||||
|
|
||||||
return $btn;
|
|
||||||
},
|
|
||||||
// Build a button for dropdown menu
|
|
||||||
// @param n : name of the subbutton
|
|
||||||
buildSubBtn: function (btnName) {
|
|
||||||
var t = this,
|
|
||||||
prefix = t.o.prefix,
|
|
||||||
btn = t.btnsDef[btnName],
|
|
||||||
hasIcon = btn.hasIcon != null ? btn.hasIcon : true;
|
|
||||||
|
|
||||||
if (btn.key) {
|
|
||||||
t.keys[btn.key] = {
|
|
||||||
fn: btn.fn || btnName,
|
|
||||||
param: btn.param || btnName
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
t.tagToButton[(btn.tag || btnName).toLowerCase()] = btnName;
|
|
||||||
|
|
||||||
return $('<button/>', {
|
|
||||||
type: 'button',
|
|
||||||
class: prefix + btnName + '-dropdown-button' + (btn.ico ? ' ' + prefix + btn.ico + '-button' : ''),
|
|
||||||
html: t.hasSvg && hasIcon ? '<svg><use xlink:href="' + t.svgPath + '#' + prefix + (btn.ico || btnName).replace(/([A-Z]+)/g, '-$1').toLowerCase() + '"/></svg>' + (btn.text || btn.title || t.lang[btnName] || btnName) : (btn.text || btn.title || t.lang[btnName] || btnName),
|
|
||||||
title: ((btn.key) ? ' (Ctrl + ' + btn.key + ')' : null),
|
|
||||||
style: btn.style || null,
|
|
||||||
mousedown: function () {
|
|
||||||
$('body', t.doc).trigger('mousedown');
|
|
||||||
|
|
||||||
t.execCmd(btn.fn || btnName, btn.param || btnName, btn.forceCss);
|
|
||||||
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// Check if button is supported
|
|
||||||
isSupportedBtn: function (b) {
|
|
||||||
try {
|
|
||||||
return this.btnsDef[b].isSupported();
|
|
||||||
} catch (c) {
|
|
||||||
}
|
|
||||||
return true;
|
|
||||||
},
|
|
||||||
|
|
||||||
// Build overlay for modal box
|
|
||||||
buildOverlay: function () {
|
|
||||||
var t = this;
|
|
||||||
t.$overlay = $('<div/>', {
|
|
||||||
class: t.o.prefix + 'overlay'
|
|
||||||
}).appendTo(t.$box);
|
|
||||||
return t.$overlay;
|
|
||||||
},
|
|
||||||
showOverlay: function () {
|
|
||||||
var t = this;
|
|
||||||
$(window).trigger('scroll');
|
|
||||||
t.$overlay.fadeIn(200);
|
|
||||||
t.$box.addClass(t.o.prefix + 'box-blur');
|
|
||||||
},
|
|
||||||
hideOverlay: function () {
|
|
||||||
var t = this;
|
|
||||||
t.$overlay.fadeOut(50);
|
|
||||||
t.$box.removeClass(t.o.prefix + 'box-blur');
|
|
||||||
},
|
|
||||||
|
|
||||||
// Management of fixed button pane
|
|
||||||
fixedBtnPaneEvents: function () {
|
|
||||||
var t = this,
|
|
||||||
fixedFullWidth = t.o.fixedFullWidth,
|
|
||||||
$box = t.$box;
|
|
||||||
|
|
||||||
if (!t.o.fixedBtnPane) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
t.isFixed = false;
|
|
||||||
|
|
||||||
$(window)
|
|
||||||
.on('scroll.' + t.eventNamespace + ' resize.' + t.eventNamespace, function () {
|
|
||||||
if (!$box) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
t.syncCode();
|
|
||||||
|
|
||||||
var scrollTop = $(window).scrollTop(),
|
|
||||||
offset = $box.offset().top + 1,
|
|
||||||
bp = t.$btnPane,
|
|
||||||
oh = bp.outerHeight() - 2;
|
|
||||||
|
|
||||||
if ((scrollTop - offset > 0) && ((scrollTop - offset - t.height) < 0)) {
|
|
||||||
if (!t.isFixed) {
|
|
||||||
t.isFixed = true;
|
|
||||||
bp.css({
|
|
||||||
position: 'fixed',
|
|
||||||
top: 0,
|
|
||||||
left: fixedFullWidth ? '0' : 'auto',
|
|
||||||
zIndex: 7
|
|
||||||
});
|
|
||||||
$([t.$ta, t.$ed]).css({marginTop: bp.height()});
|
|
||||||
}
|
|
||||||
bp.css({
|
|
||||||
width: fixedFullWidth ? '100%' : (($box.width() - 1) + 'px')
|
|
||||||
});
|
|
||||||
|
|
||||||
$('.' + t.o.prefix + 'fixed-top', $box).css({
|
|
||||||
position: fixedFullWidth ? 'fixed' : 'absolute',
|
|
||||||
top: fixedFullWidth ? oh : oh + (scrollTop - offset) + 'px',
|
|
||||||
zIndex: 15
|
|
||||||
});
|
|
||||||
} else if (t.isFixed) {
|
|
||||||
t.isFixed = false;
|
|
||||||
bp.removeAttr('style');
|
|
||||||
$([t.$ta, t.$ed]).css({marginTop: 0});
|
|
||||||
$('.' + t.o.prefix + 'fixed-top', $box).css({
|
|
||||||
position: 'absolute',
|
|
||||||
top: oh
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
// Disable editor
|
|
||||||
setDisabled: function (disable) {
|
|
||||||
var t = this,
|
|
||||||
prefix = t.o.prefix;
|
|
||||||
|
|
||||||
t.disabled = disable;
|
|
||||||
|
|
||||||
if (disable) {
|
|
||||||
t.$ta.attr('disabled', true);
|
|
||||||
} else {
|
|
||||||
t.$ta.removeAttr('disabled');
|
|
||||||
}
|
|
||||||
t.$box.toggleClass(prefix + 'disabled', disable);
|
|
||||||
t.$ed.attr('contenteditable', !disable);
|
|
||||||
},
|
|
||||||
|
|
||||||
// Destroy the editor
|
|
||||||
destroy: function () {
|
|
||||||
var t = this,
|
|
||||||
prefix = t.o.prefix;
|
|
||||||
|
|
||||||
if (t.isTextarea) {
|
|
||||||
t.$box.after(
|
|
||||||
t.$ta
|
|
||||||
.css({height: ''})
|
|
||||||
.val(t.html())
|
|
||||||
.removeClass(prefix + 'textarea')
|
|
||||||
.show()
|
|
||||||
);
|
|
||||||
} else {
|
|
||||||
t.$box.after(
|
|
||||||
t.$ed
|
|
||||||
.css({height: ''})
|
|
||||||
.removeClass(prefix + 'editor')
|
|
||||||
.removeAttr('contenteditable')
|
|
||||||
.removeAttr('dir')
|
|
||||||
.html(t.html())
|
|
||||||
.show()
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
t.$ed.off('dblclick', 'img');
|
|
||||||
|
|
||||||
t.destroyPlugins();
|
|
||||||
|
|
||||||
t.$box.remove();
|
|
||||||
t.$c.removeData('trumbowyg');
|
|
||||||
$('body').removeClass(prefix + 'body-fullscreen');
|
|
||||||
t.$c.trigger('tbwclose');
|
|
||||||
$(window).off('scroll.' + t.eventNamespace + ' resize.' + t.eventNamespace);
|
|
||||||
},
|
|
||||||
|
|
||||||
|
|
||||||
// Empty the editor
|
|
||||||
empty: function () {
|
|
||||||
this.$ta.val('');
|
|
||||||
this.syncCode(true);
|
|
||||||
},
|
|
||||||
|
|
||||||
|
|
||||||
// Function call when click on viewHTML button
|
|
||||||
toggle: function () {
|
|
||||||
var t = this,
|
|
||||||
prefix = t.o.prefix;
|
|
||||||
|
|
||||||
if (t.o.autogrowOnEnter) {
|
|
||||||
t.autogrowOnEnterDontClose = !t.$box.hasClass(prefix + 'editor-hidden');
|
|
||||||
}
|
|
||||||
|
|
||||||
t.semanticCode(false, true);
|
|
||||||
|
|
||||||
setTimeout(function () {
|
|
||||||
t.doc.activeElement.blur();
|
|
||||||
t.$box.toggleClass(prefix + 'editor-hidden ' + prefix + 'editor-visible');
|
|
||||||
t.$btnPane.toggleClass(prefix + 'disable');
|
|
||||||
$('.' + prefix + 'viewHTML-button', t.$btnPane).toggleClass(prefix + 'active');
|
|
||||||
if (t.$box.hasClass(prefix + 'editor-visible')) {
|
|
||||||
t.$ta.attr('tabindex', -1);
|
|
||||||
} else {
|
|
||||||
t.$ta.removeAttr('tabindex');
|
|
||||||
}
|
|
||||||
|
|
||||||
if (t.o.autogrowOnEnter && !t.autogrowOnEnterDontClose) {
|
|
||||||
t.autogrowEditorOnEnter();
|
|
||||||
}
|
|
||||||
}, 0);
|
|
||||||
},
|
|
||||||
|
|
||||||
// Open dropdown when click on a button which open that
|
|
||||||
dropdown: function (name) {
|
|
||||||
var t = this,
|
|
||||||
d = t.doc,
|
|
||||||
prefix = t.o.prefix,
|
|
||||||
$dropdown = $('[data-' + prefix + 'dropdown=' + name + ']', t.$box),
|
|
||||||
$btn = $('.' + prefix + name + '-button', t.$btnPane),
|
|
||||||
show = $dropdown.is(':hidden');
|
|
||||||
|
|
||||||
$('body', d).trigger('mousedown');
|
|
||||||
|
|
||||||
if (show) {
|
|
||||||
var o = $btn.offset().left;
|
|
||||||
$btn.addClass(prefix + 'active');
|
|
||||||
|
|
||||||
$dropdown.css({
|
|
||||||
position: 'absolute',
|
|
||||||
top: $btn.offset().top - t.$btnPane.offset().top + $btn.outerHeight(),
|
|
||||||
left: (t.o.fixedFullWidth && t.isFixed) ? o + 'px' : (o - t.$btnPane.offset().left) + 'px'
|
|
||||||
}).show();
|
|
||||||
|
|
||||||
$(window).trigger('scroll');
|
|
||||||
|
|
||||||
$('body', d).on('mousedown.' + t.eventNamespace, function (e) {
|
|
||||||
if (!$dropdown.is(e.target)) {
|
|
||||||
$('.' + prefix + 'dropdown', t.$box).hide();
|
|
||||||
$('.' + prefix + 'active', t.$btnPane).removeClass(prefix + 'active');
|
|
||||||
$('body', d).off('mousedown.' + t.eventNamespace);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
|
|
||||||
// HTML Code management
|
|
||||||
html: function (html) {
|
|
||||||
var t = this;
|
|
||||||
|
|
||||||
if (html != null) {
|
|
||||||
t.$ta.val(html);
|
|
||||||
t.syncCode(true);
|
|
||||||
t.$c.trigger('tbwchange');
|
|
||||||
return t;
|
|
||||||
}
|
|
||||||
|
|
||||||
return t.$ta.val();
|
|
||||||
},
|
|
||||||
syncTextarea: function () {
|
|
||||||
var t = this;
|
|
||||||
t.$ta.val(t.$ed.text().trim().length > 0 || t.$ed.find('hr,img,embed,iframe,input').length > 0 ? t.$ed.html() : '');
|
|
||||||
},
|
|
||||||
syncCode: function (force) {
|
|
||||||
var t = this;
|
|
||||||
if (!force && t.$ed.is(':visible')) {
|
|
||||||
t.syncTextarea();
|
|
||||||
} else {
|
|
||||||
// wrap the content in a div it's easier to get the innerhtml
|
|
||||||
var html = $('<div>').html(t.$ta.val());
|
|
||||||
//scrub the html before loading into the doc
|
|
||||||
var safe = $('<div>').append(html);
|
|
||||||
$(t.o.tagsToRemove.join(','), safe).remove();
|
|
||||||
t.$ed.html(safe.contents().html());
|
|
||||||
}
|
|
||||||
|
|
||||||
if (t.o.autogrow) {
|
|
||||||
t.height = t.$ed.height();
|
|
||||||
if (t.height !== t.$ta.css('height')) {
|
|
||||||
t.$ta.css({height: t.height});
|
|
||||||
t.$c.trigger('tbwresize');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (t.o.autogrowOnEnter) {
|
|
||||||
// t.autogrowEditorOnEnter();
|
|
||||||
t.$ed.height('auto');
|
|
||||||
var totalheight = t.autogrowOnEnterWasFocused ? t.$ed[0].scrollHeight : t.$ed.css('min-height');
|
|
||||||
if (totalheight !== t.$ta.css('height')) {
|
|
||||||
t.$ed.css({height: totalheight});
|
|
||||||
t.$c.trigger('tbwresize');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
// Analyse and update to semantic code
|
|
||||||
// @param force : force to sync code from textarea
|
|
||||||
// @param full : wrap text nodes in <p>
|
|
||||||
// @param keepRange : leave selection range as it is
|
|
||||||
semanticCode: function (force, full, keepRange) {
|
|
||||||
var t = this;
|
|
||||||
t.saveRange();
|
|
||||||
t.syncCode(force);
|
|
||||||
|
|
||||||
if (t.o.semantic) {
|
|
||||||
t.semanticTag('b');
|
|
||||||
t.semanticTag('i');
|
|
||||||
t.semanticTag('s');
|
|
||||||
t.semanticTag('strike');
|
|
||||||
|
|
||||||
if (full) {
|
|
||||||
var inlineElementsSelector = t.o.inlineElementsSelector,
|
|
||||||
blockElementsSelector = ':not(' + inlineElementsSelector + ')';
|
|
||||||
|
|
||||||
// Wrap text nodes in span for easier processing
|
|
||||||
t.$ed.contents().filter(function () {
|
|
||||||
return this.nodeType === 3 && this.nodeValue.trim().length > 0;
|
|
||||||
}).wrap('<span data-tbw/>');
|
|
||||||
|
|
||||||
// Wrap groups of inline elements in paragraphs (recursive)
|
|
||||||
var wrapInlinesInParagraphsFrom = function ($from) {
|
|
||||||
if ($from.length !== 0) {
|
|
||||||
var $finalParagraph = $from.nextUntil(blockElementsSelector).addBack().wrapAll('<p/>').parent(),
|
|
||||||
$nextElement = $finalParagraph.nextAll(inlineElementsSelector).first();
|
|
||||||
$finalParagraph.next('br').remove();
|
|
||||||
wrapInlinesInParagraphsFrom($nextElement);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
wrapInlinesInParagraphsFrom(t.$ed.children(inlineElementsSelector).first());
|
|
||||||
|
|
||||||
t.semanticTag('div', true);
|
|
||||||
|
|
||||||
// Unwrap paragraphs content, containing nothing usefull
|
|
||||||
t.$ed.find('p').filter(function () {
|
|
||||||
// Don't remove currently being edited element
|
|
||||||
if (t.range && this === t.range.startContainer) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
return $(this).text().trim().length === 0 && $(this).children().not('br,span').length === 0;
|
|
||||||
}).contents().unwrap();
|
|
||||||
|
|
||||||
// Get rid of temporial span's
|
|
||||||
$('[data-tbw]', t.$ed).contents().unwrap();
|
|
||||||
|
|
||||||
// Remove empty <p>
|
|
||||||
t.$ed.find('p:empty').remove();
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!keepRange) {
|
|
||||||
t.restoreRange();
|
|
||||||
}
|
|
||||||
|
|
||||||
t.syncTextarea();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
semanticTag: function (oldTag, copyAttributes) {
|
|
||||||
var newTag;
|
|
||||||
|
|
||||||
if (this.o.semantic != null && typeof this.o.semantic === 'object' && this.o.semantic.hasOwnProperty(oldTag)) {
|
|
||||||
newTag = this.o.semantic[oldTag];
|
|
||||||
} else if (this.o.semantic === true && this.DEFAULT_SEMANTIC_MAP.hasOwnProperty(oldTag)) {
|
|
||||||
newTag = this.DEFAULT_SEMANTIC_MAP[oldTag];
|
|
||||||
} else {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
$(oldTag, this.$ed).each(function () {
|
|
||||||
var $oldTag = $(this);
|
|
||||||
$oldTag.wrap('<' + newTag + '/>');
|
|
||||||
if (copyAttributes) {
|
|
||||||
$.each($oldTag.prop('attributes'), function () {
|
|
||||||
$oldTag.parent().attr(this.name, this.value);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
$oldTag.contents().unwrap();
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
// Function call when user click on "Insert Link"
|
|
||||||
createLink: function () {
|
|
||||||
var t = this,
|
|
||||||
documentSelection = t.doc.getSelection(),
|
|
||||||
node = documentSelection.focusNode,
|
|
||||||
text = new XMLSerializer().serializeToString(documentSelection.getRangeAt(0).cloneContents()),
|
|
||||||
url,
|
|
||||||
title,
|
|
||||||
target;
|
|
||||||
|
|
||||||
while (['A', 'DIV'].indexOf(node.nodeName) < 0) {
|
|
||||||
node = node.parentNode;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (node && node.nodeName === 'A') {
|
|
||||||
var $a = $(node);
|
|
||||||
text = $a.text();
|
|
||||||
url = $a.attr('href');
|
|
||||||
if (!t.o.minimalLinks) {
|
|
||||||
title = $a.attr('title');
|
|
||||||
target = $a.attr('target');
|
|
||||||
}
|
|
||||||
var range = t.doc.createRange();
|
|
||||||
range.selectNode(node);
|
|
||||||
documentSelection.removeAllRanges();
|
|
||||||
documentSelection.addRange(range);
|
|
||||||
}
|
|
||||||
|
|
||||||
t.saveRange();
|
|
||||||
|
|
||||||
var options = {
|
|
||||||
url: {
|
|
||||||
label: 'URL',
|
|
||||||
required: true,
|
|
||||||
value: url
|
|
||||||
},
|
|
||||||
text: {
|
|
||||||
label: t.lang.text,
|
|
||||||
value: text
|
|
||||||
}
|
|
||||||
};
|
|
||||||
if (!t.o.minimalLinks) {
|
|
||||||
Object.assign(options, {
|
|
||||||
title: {
|
|
||||||
label: t.lang.title,
|
|
||||||
value: title
|
|
||||||
},
|
|
||||||
target: {
|
|
||||||
label: t.lang.target,
|
|
||||||
value: target
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
t.openModalInsert(t.lang.createLink, options, function (v) { // v is value
|
|
||||||
var url = t.prependUrlPrefix(v.url);
|
|
||||||
if (!url.length) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
var link = $(['<a href="', v.url, '">', v.text || v.url, '</a>'].join(''));
|
|
||||||
|
|
||||||
if (!t.o.minimalLinks) {
|
|
||||||
if (v.title.length > 0) {
|
|
||||||
link.attr('title', v.title);
|
|
||||||
}
|
|
||||||
if (v.target.length > 0) {
|
|
||||||
link.attr('target', v.target);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
t.range.deleteContents();
|
|
||||||
t.range.insertNode(link[0]);
|
|
||||||
t.syncCode();
|
|
||||||
t.$c.trigger('tbwchange');
|
|
||||||
return true;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
prependUrlPrefix: function (url) {
|
|
||||||
var t = this;
|
|
||||||
if (!t.urlPrefix) {
|
|
||||||
return url;
|
|
||||||
}
|
|
||||||
|
|
||||||
const VALID_LINK_PREFIX = /^([a-z][-+.a-z0-9]*:|\/|#)/i;
|
|
||||||
if (VALID_LINK_PREFIX.test(url)) {
|
|
||||||
return url;
|
|
||||||
}
|
|
||||||
|
|
||||||
const SIMPLE_EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
|
|
||||||
if (SIMPLE_EMAIL_REGEX.test(url)) {
|
|
||||||
return 'mailto:' + url;
|
|
||||||
}
|
|
||||||
|
|
||||||
return t.urlPrefix + url;
|
|
||||||
},
|
|
||||||
unlink: function () {
|
|
||||||
var t = this,
|
|
||||||
documentSelection = t.doc.getSelection(),
|
|
||||||
node = documentSelection.focusNode;
|
|
||||||
|
|
||||||
if (documentSelection.isCollapsed) {
|
|
||||||
while (['A', 'DIV'].indexOf(node.nodeName) < 0) {
|
|
||||||
node = node.parentNode;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (node && node.nodeName === 'A') {
|
|
||||||
var range = t.doc.createRange();
|
|
||||||
range.selectNode(node);
|
|
||||||
documentSelection.removeAllRanges();
|
|
||||||
documentSelection.addRange(range);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
t.execCmd('unlink', undefined, undefined, true);
|
|
||||||
},
|
|
||||||
insertImage: function () {
|
|
||||||
var t = this;
|
|
||||||
t.saveRange();
|
|
||||||
|
|
||||||
var options = {
|
|
||||||
url: {
|
|
||||||
label: 'URL',
|
|
||||||
required: true
|
|
||||||
},
|
|
||||||
alt: {
|
|
||||||
label: t.lang.description,
|
|
||||||
value: t.getRangeText()
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
if (t.o.imageWidthModalEdit) {
|
|
||||||
options.width = {};
|
|
||||||
}
|
|
||||||
|
|
||||||
t.openModalInsert(t.lang.insertImage, options, function (v) { // v are values
|
|
||||||
t.execCmd('insertImage', v.url);
|
|
||||||
var $img = $('img[src="' + v.url + '"]:not([alt])', t.$box);
|
|
||||||
$img.attr('alt', v.alt);
|
|
||||||
|
|
||||||
if (t.o.imageWidthModalEdit) {
|
|
||||||
$img.attr({
|
|
||||||
width: v.width
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
t.syncCode();
|
|
||||||
t.$c.trigger('tbwchange');
|
|
||||||
|
|
||||||
return true;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
fullscreen: function () {
|
|
||||||
var t = this,
|
|
||||||
prefix = t.o.prefix,
|
|
||||||
fullscreenCssClass = prefix + 'fullscreen',
|
|
||||||
isFullscreen;
|
|
||||||
|
|
||||||
t.$box.toggleClass(fullscreenCssClass);
|
|
||||||
isFullscreen = t.$box.hasClass(fullscreenCssClass);
|
|
||||||
$('body').toggleClass(prefix + 'body-fullscreen', isFullscreen);
|
|
||||||
$(window).trigger('scroll');
|
|
||||||
t.$c.trigger('tbw' + (isFullscreen ? 'open' : 'close') + 'fullscreen');
|
|
||||||
},
|
|
||||||
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Call method of trumbowyg if exist
|
|
||||||
* else try to call anonymous function
|
|
||||||
* and finaly native execCommand
|
|
||||||
*/
|
|
||||||
execCmd: function (cmd, param, forceCss, skipTrumbowyg) {
|
|
||||||
var t = this;
|
|
||||||
skipTrumbowyg = !!skipTrumbowyg || '';
|
|
||||||
|
|
||||||
if (cmd !== 'dropdown') {
|
|
||||||
t.$ed.focus();
|
|
||||||
}
|
|
||||||
|
|
||||||
try {
|
|
||||||
t.doc.execCommand('styleWithCSS', false, forceCss || false);
|
|
||||||
} catch (c) {
|
|
||||||
}
|
|
||||||
|
|
||||||
try {
|
|
||||||
t[cmd + skipTrumbowyg](param);
|
|
||||||
} catch (c) {
|
|
||||||
try {
|
|
||||||
cmd(param);
|
|
||||||
} catch (e2) {
|
|
||||||
if (cmd === 'insertHorizontalRule') {
|
|
||||||
param = undefined;
|
|
||||||
} else if (cmd === 'formatBlock' && t.isIE) {
|
|
||||||
param = '<' + param + '>';
|
|
||||||
}
|
|
||||||
|
|
||||||
t.doc.execCommand(cmd, false, param);
|
|
||||||
|
|
||||||
t.syncCode();
|
|
||||||
t.semanticCode(false, true);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (cmd !== 'dropdown') {
|
|
||||||
t.updateButtonPaneStatus();
|
|
||||||
t.$c.trigger('tbwchange');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
|
|
||||||
// Open a modal box
|
|
||||||
openModal: function (title, content) {
|
|
||||||
var t = this,
|
|
||||||
prefix = t.o.prefix;
|
|
||||||
|
|
||||||
// No open a modal box when exist other modal box
|
|
||||||
if ($('.' + prefix + 'modal-box', t.$box).length > 0) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
if (t.o.autogrowOnEnter) {
|
|
||||||
t.autogrowOnEnterDontClose = true;
|
|
||||||
}
|
|
||||||
|
|
||||||
t.saveRange();
|
|
||||||
t.showOverlay();
|
|
||||||
|
|
||||||
// Disable all btnPane btns
|
|
||||||
t.$btnPane.addClass(prefix + 'disable');
|
|
||||||
|
|
||||||
// Build out of ModalBox, it's the mask for animations
|
|
||||||
var $modal = $('<div/>', {
|
|
||||||
class: prefix + 'modal ' + prefix + 'fixed-top'
|
|
||||||
}).css({
|
|
||||||
top: t.$btnPane.height()
|
|
||||||
}).appendTo(t.$box);
|
|
||||||
|
|
||||||
// Click on overlay close modal by cancelling them
|
|
||||||
t.$overlay.one('click', function () {
|
|
||||||
$modal.trigger(CANCEL_EVENT);
|
|
||||||
return false;
|
|
||||||
});
|
|
||||||
|
|
||||||
// Build the form
|
|
||||||
var $form = $('<form/>', {
|
|
||||||
action: '',
|
|
||||||
html: content
|
|
||||||
})
|
|
||||||
.on('submit', function () {
|
|
||||||
$modal.trigger(CONFIRM_EVENT);
|
|
||||||
return false;
|
|
||||||
})
|
|
||||||
.on('reset', function () {
|
|
||||||
$modal.trigger(CANCEL_EVENT);
|
|
||||||
return false;
|
|
||||||
})
|
|
||||||
.on('submit reset', function () {
|
|
||||||
if (t.o.autogrowOnEnter) {
|
|
||||||
t.autogrowOnEnterDontClose = false;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
// Build ModalBox and animate to show them
|
|
||||||
var $box = $('<div/>', {
|
|
||||||
class: prefix + 'modal-box',
|
|
||||||
html: $form
|
|
||||||
})
|
|
||||||
.css({
|
|
||||||
top: '-' + t.$btnPane.outerHeight() + 'px',
|
|
||||||
opacity: 0
|
|
||||||
})
|
|
||||||
.appendTo($modal)
|
|
||||||
.animate({
|
|
||||||
top: 0,
|
|
||||||
opacity: 1
|
|
||||||
}, 100);
|
|
||||||
|
|
||||||
|
|
||||||
// Append title
|
|
||||||
$('<span/>', {
|
|
||||||
text: title,
|
|
||||||
class: prefix + 'modal-title'
|
|
||||||
}).prependTo($box);
|
|
||||||
|
|
||||||
$modal.height($box.outerHeight() + 10);
|
|
||||||
|
|
||||||
|
|
||||||
// Focus in modal box
|
|
||||||
$('input:first', $box).focus();
|
|
||||||
|
|
||||||
|
|
||||||
// Append Confirm and Cancel buttons
|
|
||||||
t.buildModalBtn('submit', $box);
|
|
||||||
t.buildModalBtn('reset', $box);
|
|
||||||
|
|
||||||
|
|
||||||
$(window).trigger('scroll');
|
|
||||||
|
|
||||||
return $modal;
|
|
||||||
},
|
|
||||||
// @param n is name of modal
|
|
||||||
buildModalBtn: function (n, $modal) {
|
|
||||||
var t = this,
|
|
||||||
prefix = t.o.prefix;
|
|
||||||
|
|
||||||
return $('<button/>', {
|
|
||||||
class: prefix + 'modal-button ' + prefix + 'modal-' + n,
|
|
||||||
type: n,
|
|
||||||
text: t.lang[n] || n
|
|
||||||
}).appendTo($('form', $modal));
|
|
||||||
},
|
|
||||||
// close current modal box
|
|
||||||
closeModal: function () {
|
|
||||||
var t = this,
|
|
||||||
prefix = t.o.prefix;
|
|
||||||
|
|
||||||
t.$btnPane.removeClass(prefix + 'disable');
|
|
||||||
t.$overlay.off();
|
|
||||||
|
|
||||||
// Find the modal box
|
|
||||||
var $modalBox = $('.' + prefix + 'modal-box', t.$box);
|
|
||||||
|
|
||||||
$modalBox.animate({
|
|
||||||
top: '-' + $modalBox.height()
|
|
||||||
}, 100, function () {
|
|
||||||
$modalBox.parent().remove();
|
|
||||||
t.hideOverlay();
|
|
||||||
});
|
|
||||||
|
|
||||||
t.restoreRange();
|
|
||||||
},
|
|
||||||
// Preformated build and management modal
|
|
||||||
openModalInsert: function (title, fields, cmd) {
|
|
||||||
var t = this,
|
|
||||||
prefix = t.o.prefix,
|
|
||||||
lg = t.lang,
|
|
||||||
html = '';
|
|
||||||
|
|
||||||
$.each(fields, function (fieldName, field) {
|
|
||||||
var l = field.label || fieldName,
|
|
||||||
n = field.name || fieldName,
|
|
||||||
a = field.attributes || {};
|
|
||||||
|
|
||||||
var attr = Object.keys(a).map(function (prop) {
|
|
||||||
return prop + '="' + a[prop] + '"';
|
|
||||||
}).join(' ');
|
|
||||||
|
|
||||||
html += '<label><input type="' + (field.type || 'text') + '" name="' + n + '"' +
|
|
||||||
(field.type === 'checkbox' && field.value ? ' checked="checked"' : ' value="' + (field.value || '').replace(/"/g, '"')) +
|
|
||||||
'"' + attr + '><span class="' + prefix + 'input-infos"><span>' +
|
|
||||||
(lg[l] ? lg[l] : l) +
|
|
||||||
'</span></span></label>';
|
|
||||||
});
|
|
||||||
|
|
||||||
return t.openModal(title, html)
|
|
||||||
.on(CONFIRM_EVENT, function () {
|
|
||||||
var $form = $('form', $(this)),
|
|
||||||
valid = true,
|
|
||||||
values = {};
|
|
||||||
|
|
||||||
$.each(fields, function (fieldName, field) {
|
|
||||||
var n = field.name || fieldName;
|
|
||||||
|
|
||||||
var $field = $('input[name="' + n + '"]', $form),
|
|
||||||
inputType = $field.attr('type');
|
|
||||||
|
|
||||||
switch (inputType.toLowerCase()) {
|
|
||||||
case 'checkbox':
|
|
||||||
values[n] = $field.is(':checked');
|
|
||||||
break;
|
|
||||||
case 'radio':
|
|
||||||
values[n] = $field.filter(':checked').val();
|
|
||||||
break;
|
|
||||||
default:
|
|
||||||
values[n] = $.trim($field.val());
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
// Validate value
|
|
||||||
if (field.required && values[n] === '') {
|
|
||||||
valid = false;
|
|
||||||
t.addErrorOnModalField($field, t.lang.required);
|
|
||||||
} else if (field.pattern && !field.pattern.test(values[n])) {
|
|
||||||
valid = false;
|
|
||||||
t.addErrorOnModalField($field, field.patternError);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
if (valid) {
|
|
||||||
t.restoreRange();
|
|
||||||
|
|
||||||
if (cmd(values, fields)) {
|
|
||||||
t.syncCode();
|
|
||||||
t.$c.trigger('tbwchange');
|
|
||||||
t.closeModal();
|
|
||||||
$(this).off(CONFIRM_EVENT);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})
|
|
||||||
.one(CANCEL_EVENT, function () {
|
|
||||||
$(this).off(CONFIRM_EVENT);
|
|
||||||
t.closeModal();
|
|
||||||
});
|
|
||||||
},
|
|
||||||
addErrorOnModalField: function ($field, err) {
|
|
||||||
var prefix = this.o.prefix,
|
|
||||||
$label = $field.parent();
|
|
||||||
|
|
||||||
$field
|
|
||||||
.on('change keyup', function () {
|
|
||||||
$label.removeClass(prefix + 'input-error');
|
|
||||||
});
|
|
||||||
|
|
||||||
$label
|
|
||||||
.addClass(prefix + 'input-error')
|
|
||||||
.find('input+span')
|
|
||||||
.append(
|
|
||||||
$('<span/>', {
|
|
||||||
class: prefix + 'msg-error',
|
|
||||||
text: err
|
|
||||||
})
|
|
||||||
);
|
|
||||||
},
|
|
||||||
|
|
||||||
getDefaultImgDblClickHandler: function () {
|
|
||||||
var t = this;
|
|
||||||
|
|
||||||
return function () {
|
|
||||||
var $img = $(this),
|
|
||||||
src = $img.attr('src'),
|
|
||||||
base64 = '(Base64)';
|
|
||||||
|
|
||||||
if (src.indexOf('data:image') === 0) {
|
|
||||||
src = base64;
|
|
||||||
}
|
|
||||||
|
|
||||||
var options = {
|
|
||||||
url: {
|
|
||||||
label: 'URL',
|
|
||||||
value: src,
|
|
||||||
required: true
|
|
||||||
},
|
|
||||||
alt: {
|
|
||||||
label: t.lang.description,
|
|
||||||
value: $img.attr('alt')
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
if (t.o.imageWidthModalEdit) {
|
|
||||||
options.width = {
|
|
||||||
value: $img.attr('width') ? $img.attr('width') : ''
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
t.openModalInsert(t.lang.insertImage, options, function (v) {
|
|
||||||
if (v.src !== base64) {
|
|
||||||
$img.attr({
|
|
||||||
src: v.url
|
|
||||||
});
|
|
||||||
}
|
|
||||||
$img.attr({
|
|
||||||
alt: v.alt
|
|
||||||
});
|
|
||||||
|
|
||||||
if (t.o.imageWidthModalEdit) {
|
|
||||||
if (parseInt(v.width) > 0) {
|
|
||||||
$img.attr({
|
|
||||||
width: v.width
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
$img.removeAttr('width');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return true;
|
|
||||||
});
|
|
||||||
return false;
|
|
||||||
};
|
|
||||||
},
|
|
||||||
|
|
||||||
// Range management
|
|
||||||
saveRange: function () {
|
|
||||||
var t = this,
|
|
||||||
documentSelection = t.doc.getSelection();
|
|
||||||
|
|
||||||
t.range = null;
|
|
||||||
|
|
||||||
if (documentSelection.rangeCount) {
|
|
||||||
var savedRange = t.range = documentSelection.getRangeAt(0),
|
|
||||||
range = t.doc.createRange(),
|
|
||||||
rangeStart;
|
|
||||||
range.selectNodeContents(t.$ed[0]);
|
|
||||||
range.setEnd(savedRange.startContainer, savedRange.startOffset);
|
|
||||||
rangeStart = (range + '').length;
|
|
||||||
t.metaRange = {
|
|
||||||
start: rangeStart,
|
|
||||||
end: rangeStart + (savedRange + '').length
|
|
||||||
};
|
|
||||||
}
|
|
||||||
},
|
|
||||||
restoreRange: function () {
|
|
||||||
var t = this,
|
|
||||||
metaRange = t.metaRange,
|
|
||||||
savedRange = t.range,
|
|
||||||
documentSelection = t.doc.getSelection(),
|
|
||||||
range;
|
|
||||||
|
|
||||||
if (!savedRange) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (metaRange && metaRange.start !== metaRange.end) { // Algorithm from http://jsfiddle.net/WeWy7/3/
|
|
||||||
var charIndex = 0,
|
|
||||||
nodeStack = [t.$ed[0]],
|
|
||||||
node,
|
|
||||||
foundStart = false,
|
|
||||||
stop = false;
|
|
||||||
|
|
||||||
range = t.doc.createRange();
|
|
||||||
|
|
||||||
while (!stop && (node = nodeStack.pop())) {
|
|
||||||
if (node.nodeType === 3) {
|
|
||||||
var nextCharIndex = charIndex + node.length;
|
|
||||||
if (!foundStart && metaRange.start >= charIndex && metaRange.start <= nextCharIndex) {
|
|
||||||
range.setStart(node, metaRange.start - charIndex);
|
|
||||||
foundStart = true;
|
|
||||||
}
|
|
||||||
if (foundStart && metaRange.end >= charIndex && metaRange.end <= nextCharIndex) {
|
|
||||||
range.setEnd(node, metaRange.end - charIndex);
|
|
||||||
stop = true;
|
|
||||||
}
|
|
||||||
charIndex = nextCharIndex;
|
|
||||||
} else {
|
|
||||||
var cn = node.childNodes,
|
|
||||||
i = cn.length;
|
|
||||||
|
|
||||||
while (i > 0) {
|
|
||||||
i -= 1;
|
|
||||||
nodeStack.push(cn[i]);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
documentSelection.removeAllRanges();
|
|
||||||
documentSelection.addRange(range || savedRange);
|
|
||||||
},
|
|
||||||
getRangeText: function () {
|
|
||||||
return this.range + '';
|
|
||||||
},
|
|
||||||
|
|
||||||
updateButtonPaneStatus: function () {
|
|
||||||
var t = this,
|
|
||||||
prefix = t.o.prefix,
|
|
||||||
tags = t.getTagsRecursive(t.doc.getSelection().focusNode),
|
|
||||||
activeClasses = prefix + 'active-button ' + prefix + 'active';
|
|
||||||
|
|
||||||
$('.' + prefix + 'active-button', t.$btnPane).removeClass(activeClasses);
|
|
||||||
$.each(tags, function (i, tag) {
|
|
||||||
var btnName = t.tagToButton[tag.toLowerCase()],
|
|
||||||
$btn = $('.' + prefix + btnName + '-button', t.$btnPane);
|
|
||||||
|
|
||||||
if ($btn.length > 0) {
|
|
||||||
$btn.addClass(activeClasses);
|
|
||||||
} else {
|
|
||||||
try {
|
|
||||||
$btn = $('.' + prefix + 'dropdown .' + prefix + btnName + '-dropdown-button', t.$box);
|
|
||||||
var dropdownBtnName = $btn.parent().data('dropdown');
|
|
||||||
$('.' + prefix + dropdownBtnName + '-button', t.$box).addClass(activeClasses);
|
|
||||||
} catch (e) {
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
getTagsRecursive: function (element, tags) {
|
|
||||||
var t = this;
|
|
||||||
tags = tags || (element && element.tagName ? [element.tagName] : []);
|
|
||||||
|
|
||||||
if (element && element.parentNode) {
|
|
||||||
element = element.parentNode;
|
|
||||||
} else {
|
|
||||||
return tags;
|
|
||||||
}
|
|
||||||
|
|
||||||
var tag = element.tagName;
|
|
||||||
if (tag === 'DIV') {
|
|
||||||
return tags;
|
|
||||||
}
|
|
||||||
if (tag === 'P' && element.style.textAlign !== '') {
|
|
||||||
tags.push(element.style.textAlign);
|
|
||||||
}
|
|
||||||
|
|
||||||
$.each(t.tagHandlers, function (i, tagHandler) {
|
|
||||||
tags = tags.concat(tagHandler(element, t));
|
|
||||||
});
|
|
||||||
|
|
||||||
tags.push(tag);
|
|
||||||
|
|
||||||
return t.getTagsRecursive(element, tags).filter(function (tag) {
|
|
||||||
return tag != null;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
// Plugins
|
|
||||||
initPlugins: function () {
|
|
||||||
var t = this;
|
|
||||||
t.loadedPlugins = [];
|
|
||||||
$.each($.trumbowyg.plugins, function (name, plugin) {
|
|
||||||
if (!plugin.shouldInit || plugin.shouldInit(t)) {
|
|
||||||
plugin.init(t);
|
|
||||||
if (plugin.tagHandler) {
|
|
||||||
t.tagHandlers.push(plugin.tagHandler);
|
|
||||||
}
|
|
||||||
t.loadedPlugins.push(plugin);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
destroyPlugins: function () {
|
|
||||||
$.each(this.loadedPlugins, function (i, plugin) {
|
|
||||||
if (plugin.destroy) {
|
|
||||||
plugin.destroy();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
|
||||||
})(navigator, window, document, jQuery);
|
|
||||||
Vendored
-2
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 29 KiB |
@@ -1,809 +0,0 @@
|
|||||||
/**
|
|
||||||
* Trumbowyg v2.10.0 - A lightweight WYSIWYG editor
|
|
||||||
* Default stylesheet for Trumbowyg editor
|
|
||||||
* ------------------------
|
|
||||||
* @link http://alex-d.github.io/Trumbowyg
|
|
||||||
* @license MIT
|
|
||||||
* @author Alexandre Demode (Alex-D)
|
|
||||||
* Twitter : @AlexandreDemode
|
|
||||||
* Website : alex-d.fr
|
|
||||||
*/
|
|
||||||
|
|
||||||
$light-color: #ecf0f1 !default;
|
|
||||||
$dark-color: #222 !default;
|
|
||||||
|
|
||||||
$modal-submit-color: #2ecc71 !default;
|
|
||||||
$modal-reset-color: #EEE !default;
|
|
||||||
|
|
||||||
$transition-duration: 150ms !default;
|
|
||||||
$slow-transition-duration: 300ms !default;
|
|
||||||
|
|
||||||
#trumbowyg-icons {
|
|
||||||
overflow: hidden;
|
|
||||||
visibility: hidden;
|
|
||||||
height: 0;
|
|
||||||
width: 0;
|
|
||||||
|
|
||||||
svg {
|
|
||||||
height: 0;
|
|
||||||
width: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.trumbowyg-box {
|
|
||||||
*,
|
|
||||||
*::before,
|
|
||||||
*::after {
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
svg {
|
|
||||||
width: 17px;
|
|
||||||
height: 100%;
|
|
||||||
fill: $dark-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.trumbowyg-box,
|
|
||||||
.trumbowyg-editor {
|
|
||||||
display: block;
|
|
||||||
position: relative;
|
|
||||||
border: 1px solid #DDD;
|
|
||||||
width: 100%;
|
|
||||||
min-height: 300px;
|
|
||||||
margin: 17px auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.trumbowyg-box .trumbowyg-editor {
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.trumbowyg-box.trumbowyg-fullscreen {
|
|
||||||
background: #FEFEFE;
|
|
||||||
border: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.trumbowyg-editor,
|
|
||||||
.trumbowyg-textarea {
|
|
||||||
position: relative;
|
|
||||||
box-sizing: border-box;
|
|
||||||
padding: 20px;
|
|
||||||
min-height: 300px;
|
|
||||||
width: 100%;
|
|
||||||
border-style: none;
|
|
||||||
resize: none;
|
|
||||||
outline: none;
|
|
||||||
overflow: auto;
|
|
||||||
|
|
||||||
&.trumbowyg-autogrow-on-enter {
|
|
||||||
transition: height $slow-transition-duration ease-out;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.trumbowyg-box-blur .trumbowyg-editor {
|
|
||||||
*,
|
|
||||||
&::before {
|
|
||||||
color: transparent !important;
|
|
||||||
text-shadow: 0 0 7px #333;
|
|
||||||
|
|
||||||
@media screen and (min-width: 0 \0) {
|
|
||||||
color: rgba(200, 200, 200, 0.6) !important;
|
|
||||||
}
|
|
||||||
@supports (-ms-accelerator:true) {
|
|
||||||
color: rgba(200, 200, 200, 0.6) !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
img,
|
|
||||||
hr {
|
|
||||||
opacity: 0.2;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.trumbowyg-textarea {
|
|
||||||
position: relative;
|
|
||||||
display: block;
|
|
||||||
overflow: auto;
|
|
||||||
border: none;
|
|
||||||
font-size: 14px;
|
|
||||||
font-family: "Inconsolata", "Consolas", "Courier", "Courier New", sans-serif;
|
|
||||||
line-height: 18px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.trumbowyg-box.trumbowyg-editor-visible {
|
|
||||||
.trumbowyg-textarea {
|
|
||||||
height: 1px !important;
|
|
||||||
width: 25%;
|
|
||||||
min-height: 0 !important;
|
|
||||||
padding: 0 !important;
|
|
||||||
background: none;
|
|
||||||
opacity: 0 !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.trumbowyg-box.trumbowyg-editor-hidden {
|
|
||||||
.trumbowyg-textarea {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.trumbowyg-editor {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.trumbowyg-box.trumbowyg-disabled {
|
|
||||||
.trumbowyg-textarea {
|
|
||||||
opacity: 0.8;
|
|
||||||
background: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.trumbowyg-editor[contenteditable=true]:empty:not(:focus)::before {
|
|
||||||
content: attr(placeholder);
|
|
||||||
color: #999;
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.trumbowyg-button-pane {
|
|
||||||
width: 100%;
|
|
||||||
min-height: 36px;
|
|
||||||
background: $light-color;
|
|
||||||
border-bottom: 1px solid darken($light-color, 7%);
|
|
||||||
margin: 0;
|
|
||||||
padding: 0 5px;
|
|
||||||
position: relative;
|
|
||||||
list-style-type: none;
|
|
||||||
line-height: 10px;
|
|
||||||
backface-visibility: hidden;
|
|
||||||
z-index: 11;
|
|
||||||
|
|
||||||
&::after {
|
|
||||||
content: " ";
|
|
||||||
display: block;
|
|
||||||
position: absolute;
|
|
||||||
top: 36px;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 1px;
|
|
||||||
background: darken($light-color, 7%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.trumbowyg-button-group {
|
|
||||||
display: inline-block;
|
|
||||||
|
|
||||||
.trumbowyg-fullscreen-button svg {
|
|
||||||
color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
&::after {
|
|
||||||
content: " ";
|
|
||||||
display: inline-block;
|
|
||||||
width: 1px;
|
|
||||||
background: darken($light-color, 7%);
|
|
||||||
margin: 0 5px;
|
|
||||||
height: 35px;
|
|
||||||
vertical-align: top;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:last-child::after {
|
|
||||||
content: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
button {
|
|
||||||
display: inline-block;
|
|
||||||
position: relative;
|
|
||||||
width: 35px;
|
|
||||||
height: 35px;
|
|
||||||
padding: 1px 6px !important;
|
|
||||||
margin-bottom: 1px;
|
|
||||||
overflow: hidden;
|
|
||||||
border: none;
|
|
||||||
cursor: pointer;
|
|
||||||
background: none;
|
|
||||||
vertical-align: middle;
|
|
||||||
transition: background-color $transition-duration, opacity $transition-duration;
|
|
||||||
|
|
||||||
&.trumbowyg-textual-button {
|
|
||||||
width: auto;
|
|
||||||
line-height: 35px;
|
|
||||||
user-select: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.trumbowyg-disable button:not(.trumbowyg-not-disable):not(.trumbowyg-active),
|
|
||||||
button.trumbowyg-disable,
|
|
||||||
.trumbowyg-disabled & button:not(.trumbowyg-not-disable):not(.trumbowyg-viewHTML-button) {
|
|
||||||
opacity: 0.2;
|
|
||||||
cursor: default;
|
|
||||||
}
|
|
||||||
&.trumbowyg-disable,
|
|
||||||
.trumbowyg-disabled & {
|
|
||||||
.trumbowyg-button-group::before {
|
|
||||||
background: darken($light-color, 3%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
button:not(.trumbowyg-disable):hover,
|
|
||||||
button:not(.trumbowyg-disable):focus,
|
|
||||||
button.trumbowyg-active {
|
|
||||||
background-color: #FFF;
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.trumbowyg-open-dropdown {
|
|
||||||
&::after {
|
|
||||||
display: block;
|
|
||||||
content: " ";
|
|
||||||
position: absolute;
|
|
||||||
top: 25px;
|
|
||||||
right: 3px;
|
|
||||||
height: 0;
|
|
||||||
width: 0;
|
|
||||||
border: 3px solid transparent;
|
|
||||||
border-top-color: #555;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.trumbowyg-textual-button {
|
|
||||||
padding-left: 10px !important;
|
|
||||||
padding-right: 18px !important;
|
|
||||||
|
|
||||||
&::after {
|
|
||||||
top: 17px;
|
|
||||||
right: 7px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.trumbowyg-right {
|
|
||||||
float: right;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.trumbowyg-dropdown {
|
|
||||||
width: 200px;
|
|
||||||
border: 1px solid $light-color;
|
|
||||||
padding: 5px 0;
|
|
||||||
border-top: none;
|
|
||||||
background: #FFF;
|
|
||||||
margin-left: -1px;
|
|
||||||
box-shadow: rgba(0, 0, 0, .1) 0 2px 3px;
|
|
||||||
z-index: 12;
|
|
||||||
|
|
||||||
button {
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
height: 35px;
|
|
||||||
line-height: 35px;
|
|
||||||
text-decoration: none;
|
|
||||||
background: #FFF;
|
|
||||||
padding: 0 10px;
|
|
||||||
color: #333 !important;
|
|
||||||
border: none;
|
|
||||||
cursor: pointer;
|
|
||||||
text-align: left;
|
|
||||||
font-size: 15px;
|
|
||||||
transition: all $transition-duration;
|
|
||||||
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
background: $light-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
svg {
|
|
||||||
float: left;
|
|
||||||
margin-right: 14px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Modal box */
|
|
||||||
.trumbowyg-modal {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 50%;
|
|
||||||
transform: translateX(-50%);
|
|
||||||
max-width: 520px;
|
|
||||||
width: 100%;
|
|
||||||
height: 350px;
|
|
||||||
z-index: 12;
|
|
||||||
overflow: hidden;
|
|
||||||
backface-visibility: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.trumbowyg-modal-box {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 50%;
|
|
||||||
transform: translateX(-50%);
|
|
||||||
max-width: 500px;
|
|
||||||
width: calc(100% - 20px);
|
|
||||||
padding-bottom: 45px;
|
|
||||||
z-index: 1;
|
|
||||||
background-color: #FFF;
|
|
||||||
text-align: center;
|
|
||||||
font-size: 14px;
|
|
||||||
box-shadow: rgba(0, 0, 0, .2) 0 2px 3px;
|
|
||||||
backface-visibility: hidden;
|
|
||||||
|
|
||||||
.trumbowyg-modal-title {
|
|
||||||
font-size: 24px;
|
|
||||||
font-weight: bold;
|
|
||||||
margin: 0 0 20px;
|
|
||||||
padding: 15px 0 13px;
|
|
||||||
display: block;
|
|
||||||
border-bottom: 1px solid #EEE;
|
|
||||||
color: #333;
|
|
||||||
background: lighten($light-color, 5%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.trumbowyg-progress {
|
|
||||||
width: 100%;
|
|
||||||
height: 3px;
|
|
||||||
position: absolute;
|
|
||||||
top: 58px;
|
|
||||||
|
|
||||||
.trumbowyg-progress-bar {
|
|
||||||
background: #2BC06A;
|
|
||||||
width: 0;
|
|
||||||
height: 100%;
|
|
||||||
transition: width $transition-duration linear;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
label {
|
|
||||||
display: block;
|
|
||||||
position: relative;
|
|
||||||
margin: 15px 12px;
|
|
||||||
height: 29px;
|
|
||||||
line-height: 29px;
|
|
||||||
overflow: hidden;
|
|
||||||
|
|
||||||
.trumbowyg-input-infos {
|
|
||||||
display: block;
|
|
||||||
text-align: left;
|
|
||||||
height: 25px;
|
|
||||||
line-height: 25px;
|
|
||||||
transition: all 150ms;
|
|
||||||
|
|
||||||
span {
|
|
||||||
display: block;
|
|
||||||
color: darken($light-color, 45%);
|
|
||||||
background-color: lighten($light-color, 5%);
|
|
||||||
border: 1px solid #DEDEDE;
|
|
||||||
padding: 0 7px;
|
|
||||||
width: 150px;
|
|
||||||
}
|
|
||||||
span.trumbowyg-msg-error {
|
|
||||||
color: #e74c3c;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.trumbowyg-input-error {
|
|
||||||
input,
|
|
||||||
textarea {
|
|
||||||
border: 1px solid #e74c3c;
|
|
||||||
}
|
|
||||||
|
|
||||||
.trumbowyg-input-infos {
|
|
||||||
margin-top: -27px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
input {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
height: 27px;
|
|
||||||
line-height: 27px;
|
|
||||||
border: 1px solid #DEDEDE;
|
|
||||||
background: #fff;
|
|
||||||
font-size: 14px;
|
|
||||||
max-width: 330px;
|
|
||||||
width: 70%;
|
|
||||||
padding: 0 7px;
|
|
||||||
transition: all $transition-duration;
|
|
||||||
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
outline: none;
|
|
||||||
border: 1px solid #95a5a6;
|
|
||||||
}
|
|
||||||
&:focus {
|
|
||||||
background: lighten($light-color, 5%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type="checkbox"]{
|
|
||||||
left: 5px;
|
|
||||||
top: 5px;
|
|
||||||
right: auto;
|
|
||||||
|
|
||||||
+ .trumbowyg-input-infos span{
|
|
||||||
width: auto;
|
|
||||||
padding-left: 25px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.error {
|
|
||||||
margin-top: 25px;
|
|
||||||
display: block;
|
|
||||||
color: red;
|
|
||||||
}
|
|
||||||
|
|
||||||
.trumbowyg-modal-button {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 10px;
|
|
||||||
right: 0;
|
|
||||||
text-decoration: none;
|
|
||||||
color: #FFF;
|
|
||||||
display: block;
|
|
||||||
width: 100px;
|
|
||||||
height: 35px;
|
|
||||||
line-height: 33px;
|
|
||||||
margin: 0 10px;
|
|
||||||
background-color: #333;
|
|
||||||
border: none;
|
|
||||||
cursor: pointer;
|
|
||||||
font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
|
|
||||||
font-size: 16px;
|
|
||||||
transition: all $transition-duration;
|
|
||||||
|
|
||||||
&.trumbowyg-modal-submit {
|
|
||||||
right: 110px;
|
|
||||||
background: darken($modal-submit-color, 3%);
|
|
||||||
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
background: lighten($modal-submit-color, 5%);
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
&:active {
|
|
||||||
background: darken($modal-submit-color, 10%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.trumbowyg-modal-reset {
|
|
||||||
color: #555;
|
|
||||||
background: darken($modal-reset-color, 3%);
|
|
||||||
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
background: lighten($modal-reset-color, 5%);
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
&:active {
|
|
||||||
background: darken($modal-reset-color, 10%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.trumbowyg-overlay {
|
|
||||||
position: absolute;
|
|
||||||
background-color: rgba(255, 255, 255, 0.5);
|
|
||||||
height: 100%;
|
|
||||||
width: 100%;
|
|
||||||
left: 0;
|
|
||||||
display: none;
|
|
||||||
top: 0;
|
|
||||||
z-index: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Fullscreen
|
|
||||||
*/
|
|
||||||
body.trumbowyg-body-fullscreen {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.trumbowyg-fullscreen {
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
z-index: 99999;
|
|
||||||
|
|
||||||
&.trumbowyg-box,
|
|
||||||
.trumbowyg-editor {
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
.trumbowyg-editor,
|
|
||||||
.trumbowyg-textarea {
|
|
||||||
height: calc(100% - 37px) !important;
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
.trumbowyg-overlay {
|
|
||||||
height: 100% !important;
|
|
||||||
}
|
|
||||||
.trumbowyg-button-group .trumbowyg-fullscreen-button svg {
|
|
||||||
color: $dark-color;
|
|
||||||
fill: transparent;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.trumbowyg-editor {
|
|
||||||
object,
|
|
||||||
embed,
|
|
||||||
video,
|
|
||||||
img {
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
video,
|
|
||||||
img {
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
img {
|
|
||||||
cursor: move;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* lset for resetCss option
|
|
||||||
*/
|
|
||||||
&.trumbowyg-reset-css {
|
|
||||||
background: #FEFEFE !important;
|
|
||||||
font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif !important;
|
|
||||||
font-size: 14px !important;
|
|
||||||
line-height: 1.45em !important;
|
|
||||||
color: #333;
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: #15c !important;
|
|
||||||
text-decoration: underline !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
div,
|
|
||||||
p,
|
|
||||||
ul,
|
|
||||||
ol,
|
|
||||||
blockquote {
|
|
||||||
box-shadow: none !important;
|
|
||||||
background: none !important;
|
|
||||||
margin: 0 !important;
|
|
||||||
margin-bottom: 15px !important;
|
|
||||||
line-height: 1.4em !important;
|
|
||||||
font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif !important;
|
|
||||||
font-size: 14px !important;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
iframe,
|
|
||||||
object,
|
|
||||||
hr {
|
|
||||||
margin-bottom: 15px !important;
|
|
||||||
}
|
|
||||||
blockquote {
|
|
||||||
margin-left: 32px !important;
|
|
||||||
font-style: italic !important;
|
|
||||||
color: #555;
|
|
||||||
}
|
|
||||||
ul {
|
|
||||||
list-style: disc;
|
|
||||||
}
|
|
||||||
ul,
|
|
||||||
ol {
|
|
||||||
padding-left: 20px !important;
|
|
||||||
}
|
|
||||||
ul ul,
|
|
||||||
ol ol,
|
|
||||||
ul ol,
|
|
||||||
ol ul {
|
|
||||||
border: none;
|
|
||||||
margin: 2px !important;
|
|
||||||
padding: 0 !important;
|
|
||||||
padding-left: 24px !important;
|
|
||||||
}
|
|
||||||
hr {
|
|
||||||
display: block;
|
|
||||||
height: 1px;
|
|
||||||
border: none;
|
|
||||||
border-top: 1px solid #CCC;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4 {
|
|
||||||
color: #111;
|
|
||||||
background: none;
|
|
||||||
margin: 0 !important;
|
|
||||||
padding: 0 !important;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: 32px !important;
|
|
||||||
line-height: 38px !important;
|
|
||||||
margin-bottom: 20px !important;
|
|
||||||
}
|
|
||||||
h2 {
|
|
||||||
font-size: 26px !important;
|
|
||||||
line-height: 34px !important;
|
|
||||||
margin-bottom: 15px !important;
|
|
||||||
}
|
|
||||||
h3 {
|
|
||||||
font-size: 22px !important;
|
|
||||||
line-height: 28px !important;
|
|
||||||
margin-bottom: 7px !important;
|
|
||||||
}
|
|
||||||
h4 {
|
|
||||||
font-size: 16px !important;
|
|
||||||
line-height: 22px !important;
|
|
||||||
margin-bottom: 7px !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Dark theme
|
|
||||||
*/
|
|
||||||
.trumbowyg-dark {
|
|
||||||
.trumbowyg-textarea {
|
|
||||||
background: #111;
|
|
||||||
color: #ddd;
|
|
||||||
}
|
|
||||||
.trumbowyg-box {
|
|
||||||
border: 1px solid lighten($dark-color, 7%);
|
|
||||||
|
|
||||||
&.trumbowyg-fullscreen {
|
|
||||||
background: #111;
|
|
||||||
}
|
|
||||||
&.trumbowyg-box-blur .trumbowyg-editor {
|
|
||||||
*,
|
|
||||||
&::before {
|
|
||||||
text-shadow: 0 0 7px #ccc;
|
|
||||||
|
|
||||||
@media screen and (min-width: 0 \0
|
|
||||||
) {
|
|
||||||
color: rgba(20, 20, 20, 0.6) !important;
|
|
||||||
}
|
|
||||||
@supports (-ms-accelerator:true) {
|
|
||||||
color: rgba(20, 20, 20, 0.6) !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
svg {
|
|
||||||
fill: $light-color;
|
|
||||||
color: $light-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.trumbowyg-button-pane {
|
|
||||||
background-color: $dark-color;
|
|
||||||
border-bottom-color: lighten($dark-color, 7%);
|
|
||||||
|
|
||||||
&::after {
|
|
||||||
background: lighten($dark-color, 7%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.trumbowyg-button-group:not(:empty) {
|
|
||||||
&::after {
|
|
||||||
background-color: lighten($dark-color, 7%);
|
|
||||||
}
|
|
||||||
.trumbowyg-fullscreen-button svg {
|
|
||||||
color: transparent;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.trumbowyg-disable {
|
|
||||||
.trumbowyg-button-group::after {
|
|
||||||
background-color: lighten($dark-color, 3%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
button:not(.trumbowyg-disable):hover,
|
|
||||||
button:not(.trumbowyg-disable):focus,
|
|
||||||
button.trumbowyg-active {
|
|
||||||
background-color: #333;
|
|
||||||
}
|
|
||||||
|
|
||||||
.trumbowyg-open-dropdown::after {
|
|
||||||
border-top-color: #fff;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.trumbowyg-fullscreen {
|
|
||||||
.trumbowyg-button-group .trumbowyg-fullscreen-button svg {
|
|
||||||
color: $light-color;
|
|
||||||
fill: transparent;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.trumbowyg-dropdown {
|
|
||||||
border-color: $dark-color;
|
|
||||||
background: #333;
|
|
||||||
box-shadow: rgba(0, 0, 0, .3) 0 2px 3px;
|
|
||||||
|
|
||||||
button {
|
|
||||||
background: #333;
|
|
||||||
color: #fff !important;
|
|
||||||
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
background: $dark-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Modal box
|
|
||||||
.trumbowyg-modal-box {
|
|
||||||
background-color: $dark-color;
|
|
||||||
|
|
||||||
.trumbowyg-modal-title {
|
|
||||||
border-bottom: 1px solid #555;
|
|
||||||
color: #fff;
|
|
||||||
background: lighten($dark-color, 10%);
|
|
||||||
}
|
|
||||||
|
|
||||||
label {
|
|
||||||
display: block;
|
|
||||||
position: relative;
|
|
||||||
margin: 15px 12px;
|
|
||||||
height: 27px;
|
|
||||||
line-height: 27px;
|
|
||||||
overflow: hidden;
|
|
||||||
|
|
||||||
.trumbowyg-input-infos {
|
|
||||||
span {
|
|
||||||
color: #eee;
|
|
||||||
background-color: lighten($dark-color, 5%);
|
|
||||||
border-color: $dark-color;
|
|
||||||
}
|
|
||||||
span.trumbowyg-msg-error {
|
|
||||||
color: #e74c3c;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.trumbowyg-input-error {
|
|
||||||
input,
|
|
||||||
textarea {
|
|
||||||
border-color: #e74c3c;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
input {
|
|
||||||
border-color: $dark-color;
|
|
||||||
color: #eee;
|
|
||||||
background: #333;
|
|
||||||
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
border-color: lighten($dark-color, 25%);
|
|
||||||
}
|
|
||||||
&:focus {
|
|
||||||
background-color: lighten($dark-color, 5%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.trumbowyg-modal-button {
|
|
||||||
&.trumbowyg-modal-submit {
|
|
||||||
background: darken($modal-submit-color, 20%);
|
|
||||||
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
background: darken($modal-submit-color, 10%);
|
|
||||||
}
|
|
||||||
&:active {
|
|
||||||
background: darken($modal-submit-color, 25%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.trumbowyg-modal-reset {
|
|
||||||
background: #333;
|
|
||||||
color: #ccc;
|
|
||||||
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
background: #444;
|
|
||||||
}
|
|
||||||
&:active {
|
|
||||||
background: #111;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.trumbowyg-overlay {
|
|
||||||
background-color: rgba(15, 15, 15, 0.6);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,587 +0,0 @@
|
|||||||
/**
|
|
||||||
* Trumbowyg v2.10.0 - A lightweight WYSIWYG editor
|
|
||||||
* Default stylesheet for Trumbowyg editor
|
|
||||||
* ------------------------
|
|
||||||
* @link http://alex-d.github.io/Trumbowyg
|
|
||||||
* @license MIT
|
|
||||||
* @author Alexandre Demode (Alex-D)
|
|
||||||
* Twitter : @AlexandreDemode
|
|
||||||
* Website : alex-d.fr
|
|
||||||
*/
|
|
||||||
|
|
||||||
#trumbowyg-icons {
|
|
||||||
overflow: hidden;
|
|
||||||
visibility: hidden;
|
|
||||||
height: 0;
|
|
||||||
width: 0; }
|
|
||||||
#trumbowyg-icons svg {
|
|
||||||
height: 0;
|
|
||||||
width: 0; }
|
|
||||||
|
|
||||||
.trumbowyg-box *,
|
|
||||||
.trumbowyg-box *::before,
|
|
||||||
.trumbowyg-box *::after {
|
|
||||||
box-sizing: border-box; }
|
|
||||||
|
|
||||||
.trumbowyg-box svg {
|
|
||||||
width: 17px;
|
|
||||||
height: 100%;
|
|
||||||
fill: #222; }
|
|
||||||
|
|
||||||
.trumbowyg-box,
|
|
||||||
.trumbowyg-editor {
|
|
||||||
display: block;
|
|
||||||
position: relative;
|
|
||||||
border: 1px solid #DDD;
|
|
||||||
width: 100%;
|
|
||||||
min-height: 300px;
|
|
||||||
margin: 17px auto; }
|
|
||||||
|
|
||||||
.trumbowyg-box .trumbowyg-editor {
|
|
||||||
margin: 0 auto; }
|
|
||||||
|
|
||||||
.trumbowyg-box.trumbowyg-fullscreen {
|
|
||||||
background: #FEFEFE;
|
|
||||||
border: none !important; }
|
|
||||||
|
|
||||||
.trumbowyg-editor,
|
|
||||||
.trumbowyg-textarea {
|
|
||||||
position: relative;
|
|
||||||
box-sizing: border-box;
|
|
||||||
padding: 20px;
|
|
||||||
min-height: 300px;
|
|
||||||
width: 100%;
|
|
||||||
border-style: none;
|
|
||||||
resize: none;
|
|
||||||
outline: none;
|
|
||||||
overflow: auto; }
|
|
||||||
.trumbowyg-editor.trumbowyg-autogrow-on-enter,
|
|
||||||
.trumbowyg-textarea.trumbowyg-autogrow-on-enter {
|
|
||||||
transition: height 300ms ease-out; }
|
|
||||||
|
|
||||||
.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-box-blur .trumbowyg-editor::before {
|
|
||||||
color: transparent !important;
|
|
||||||
text-shadow: 0 0 7px #333; }
|
|
||||||
@media screen and (min-width: 0 \0) {
|
|
||||||
.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-box-blur .trumbowyg-editor::before {
|
|
||||||
color: rgba(200, 200, 200, 0.6) !important; } }
|
|
||||||
@supports (-ms-accelerator: true) {
|
|
||||||
.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-box-blur .trumbowyg-editor::before {
|
|
||||||
color: rgba(200, 200, 200, 0.6) !important; } }
|
|
||||||
|
|
||||||
.trumbowyg-box-blur .trumbowyg-editor img,
|
|
||||||
.trumbowyg-box-blur .trumbowyg-editor hr {
|
|
||||||
opacity: 0.2; }
|
|
||||||
|
|
||||||
.trumbowyg-textarea {
|
|
||||||
position: relative;
|
|
||||||
display: block;
|
|
||||||
overflow: auto;
|
|
||||||
border: none;
|
|
||||||
font-size: 14px;
|
|
||||||
font-family: "Inconsolata", "Consolas", "Courier", "Courier New", sans-serif;
|
|
||||||
line-height: 18px; }
|
|
||||||
|
|
||||||
.trumbowyg-box.trumbowyg-editor-visible .trumbowyg-textarea {
|
|
||||||
height: 1px !important;
|
|
||||||
width: 25%;
|
|
||||||
min-height: 0 !important;
|
|
||||||
padding: 0 !important;
|
|
||||||
background: none;
|
|
||||||
opacity: 0 !important; }
|
|
||||||
|
|
||||||
.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-textarea {
|
|
||||||
display: block; }
|
|
||||||
|
|
||||||
.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-editor {
|
|
||||||
display: none; }
|
|
||||||
|
|
||||||
.trumbowyg-box.trumbowyg-disabled .trumbowyg-textarea {
|
|
||||||
opacity: 0.8;
|
|
||||||
background: none; }
|
|
||||||
|
|
||||||
.trumbowyg-editor[contenteditable=true]:empty:not(:focus)::before {
|
|
||||||
content: attr(placeholder);
|
|
||||||
color: #999;
|
|
||||||
pointer-events: none; }
|
|
||||||
|
|
||||||
.trumbowyg-button-pane {
|
|
||||||
width: 100%;
|
|
||||||
min-height: 36px;
|
|
||||||
background: #ecf0f1;
|
|
||||||
border-bottom: 1px solid #d7e0e2;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0 5px;
|
|
||||||
position: relative;
|
|
||||||
list-style-type: none;
|
|
||||||
line-height: 10px;
|
|
||||||
backface-visibility: hidden;
|
|
||||||
z-index: 11; }
|
|
||||||
.trumbowyg-button-pane::after {
|
|
||||||
content: " ";
|
|
||||||
display: block;
|
|
||||||
position: absolute;
|
|
||||||
top: 36px;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 1px;
|
|
||||||
background: #d7e0e2; }
|
|
||||||
.trumbowyg-button-pane .trumbowyg-button-group {
|
|
||||||
display: inline-block; }
|
|
||||||
.trumbowyg-button-pane .trumbowyg-button-group .trumbowyg-fullscreen-button svg {
|
|
||||||
color: transparent; }
|
|
||||||
.trumbowyg-button-pane .trumbowyg-button-group::after {
|
|
||||||
content: " ";
|
|
||||||
display: inline-block;
|
|
||||||
width: 1px;
|
|
||||||
background: #d7e0e2;
|
|
||||||
margin: 0 5px;
|
|
||||||
height: 35px;
|
|
||||||
vertical-align: top; }
|
|
||||||
.trumbowyg-button-pane .trumbowyg-button-group:last-child::after {
|
|
||||||
content: none; }
|
|
||||||
.trumbowyg-button-pane button {
|
|
||||||
display: inline-block;
|
|
||||||
position: relative;
|
|
||||||
width: 35px;
|
|
||||||
height: 35px;
|
|
||||||
padding: 1px 6px !important;
|
|
||||||
margin-bottom: 1px;
|
|
||||||
overflow: hidden;
|
|
||||||
border: none;
|
|
||||||
cursor: pointer;
|
|
||||||
background: none;
|
|
||||||
vertical-align: middle;
|
|
||||||
transition: background-color 150ms, opacity 150ms; }
|
|
||||||
.trumbowyg-button-pane button.trumbowyg-textual-button {
|
|
||||||
width: auto;
|
|
||||||
line-height: 35px;
|
|
||||||
-webkit-user-select: none;
|
|
||||||
-moz-user-select: none;
|
|
||||||
-ms-user-select: none;
|
|
||||||
user-select: none; }
|
|
||||||
.trumbowyg-button-pane.trumbowyg-disable button:not(.trumbowyg-not-disable):not(.trumbowyg-active),
|
|
||||||
.trumbowyg-button-pane button.trumbowyg-disable,
|
|
||||||
.trumbowyg-disabled .trumbowyg-button-pane button:not(.trumbowyg-not-disable):not(.trumbowyg-viewHTML-button) {
|
|
||||||
opacity: 0.2;
|
|
||||||
cursor: default; }
|
|
||||||
.trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group::before,
|
|
||||||
.trumbowyg-disabled .trumbowyg-button-pane .trumbowyg-button-group::before {
|
|
||||||
background: #e3e9eb; }
|
|
||||||
.trumbowyg-button-pane button:not(.trumbowyg-disable):hover,
|
|
||||||
.trumbowyg-button-pane button:not(.trumbowyg-disable):focus,
|
|
||||||
.trumbowyg-button-pane button.trumbowyg-active {
|
|
||||||
background-color: #FFF;
|
|
||||||
outline: none; }
|
|
||||||
.trumbowyg-button-pane .trumbowyg-open-dropdown::after {
|
|
||||||
display: block;
|
|
||||||
content: " ";
|
|
||||||
position: absolute;
|
|
||||||
top: 25px;
|
|
||||||
right: 3px;
|
|
||||||
height: 0;
|
|
||||||
width: 0;
|
|
||||||
border: 3px solid transparent;
|
|
||||||
border-top-color: #555; }
|
|
||||||
.trumbowyg-button-pane .trumbowyg-open-dropdown.trumbowyg-textual-button {
|
|
||||||
padding-left: 10px !important;
|
|
||||||
padding-right: 18px !important; }
|
|
||||||
.trumbowyg-button-pane .trumbowyg-open-dropdown.trumbowyg-textual-button::after {
|
|
||||||
top: 17px;
|
|
||||||
right: 7px; }
|
|
||||||
.trumbowyg-button-pane .trumbowyg-right {
|
|
||||||
float: right; }
|
|
||||||
|
|
||||||
.trumbowyg-dropdown {
|
|
||||||
width: 200px;
|
|
||||||
border: 1px solid #ecf0f1;
|
|
||||||
padding: 5px 0;
|
|
||||||
border-top: none;
|
|
||||||
background: #FFF;
|
|
||||||
margin-left: -1px;
|
|
||||||
box-shadow: rgba(0, 0, 0, 0.1) 0 2px 3px;
|
|
||||||
z-index: 12; }
|
|
||||||
.trumbowyg-dropdown button {
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
height: 35px;
|
|
||||||
line-height: 35px;
|
|
||||||
text-decoration: none;
|
|
||||||
background: #FFF;
|
|
||||||
padding: 0 10px;
|
|
||||||
color: #333 !important;
|
|
||||||
border: none;
|
|
||||||
cursor: pointer;
|
|
||||||
text-align: left;
|
|
||||||
font-size: 15px;
|
|
||||||
transition: all 150ms; }
|
|
||||||
.trumbowyg-dropdown button:hover, .trumbowyg-dropdown button:focus {
|
|
||||||
background: #ecf0f1; }
|
|
||||||
.trumbowyg-dropdown button svg {
|
|
||||||
float: left;
|
|
||||||
margin-right: 14px; }
|
|
||||||
|
|
||||||
/* Modal box */
|
|
||||||
.trumbowyg-modal {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 50%;
|
|
||||||
transform: translateX(-50%);
|
|
||||||
max-width: 520px;
|
|
||||||
width: 100%;
|
|
||||||
height: 350px;
|
|
||||||
z-index: 12;
|
|
||||||
overflow: hidden;
|
|
||||||
backface-visibility: hidden; }
|
|
||||||
|
|
||||||
.trumbowyg-modal-box {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 50%;
|
|
||||||
transform: translateX(-50%);
|
|
||||||
max-width: 500px;
|
|
||||||
width: calc(100% - 20px);
|
|
||||||
padding-bottom: 45px;
|
|
||||||
z-index: 1;
|
|
||||||
background-color: #FFF;
|
|
||||||
text-align: center;
|
|
||||||
font-size: 14px;
|
|
||||||
box-shadow: rgba(0, 0, 0, 0.2) 0 2px 3px;
|
|
||||||
backface-visibility: hidden; }
|
|
||||||
.trumbowyg-modal-box .trumbowyg-modal-title {
|
|
||||||
font-size: 24px;
|
|
||||||
font-weight: bold;
|
|
||||||
margin: 0 0 20px;
|
|
||||||
padding: 15px 0 13px;
|
|
||||||
display: block;
|
|
||||||
border-bottom: 1px solid #EEE;
|
|
||||||
color: #333;
|
|
||||||
background: #fbfcfc; }
|
|
||||||
.trumbowyg-modal-box .trumbowyg-progress {
|
|
||||||
width: 100%;
|
|
||||||
height: 3px;
|
|
||||||
position: absolute;
|
|
||||||
top: 58px; }
|
|
||||||
.trumbowyg-modal-box .trumbowyg-progress .trumbowyg-progress-bar {
|
|
||||||
background: #2BC06A;
|
|
||||||
width: 0;
|
|
||||||
height: 100%;
|
|
||||||
transition: width 150ms linear; }
|
|
||||||
.trumbowyg-modal-box label {
|
|
||||||
display: block;
|
|
||||||
position: relative;
|
|
||||||
margin: 15px 12px;
|
|
||||||
height: 29px;
|
|
||||||
line-height: 29px;
|
|
||||||
overflow: hidden; }
|
|
||||||
.trumbowyg-modal-box label .trumbowyg-input-infos {
|
|
||||||
display: block;
|
|
||||||
text-align: left;
|
|
||||||
height: 25px;
|
|
||||||
line-height: 25px;
|
|
||||||
transition: all 150ms; }
|
|
||||||
.trumbowyg-modal-box label .trumbowyg-input-infos span {
|
|
||||||
display: block;
|
|
||||||
color: #69878f;
|
|
||||||
background-color: #fbfcfc;
|
|
||||||
border: 1px solid #DEDEDE;
|
|
||||||
padding: 0 7px;
|
|
||||||
width: 150px; }
|
|
||||||
.trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error {
|
|
||||||
color: #e74c3c; }
|
|
||||||
.trumbowyg-modal-box label.trumbowyg-input-error input,
|
|
||||||
.trumbowyg-modal-box label.trumbowyg-input-error textarea {
|
|
||||||
border: 1px solid #e74c3c; }
|
|
||||||
.trumbowyg-modal-box label.trumbowyg-input-error .trumbowyg-input-infos {
|
|
||||||
margin-top: -27px; }
|
|
||||||
.trumbowyg-modal-box label input {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
height: 27px;
|
|
||||||
line-height: 27px;
|
|
||||||
border: 1px solid #DEDEDE;
|
|
||||||
background: #fff;
|
|
||||||
font-size: 14px;
|
|
||||||
max-width: 330px;
|
|
||||||
width: 70%;
|
|
||||||
padding: 0 7px;
|
|
||||||
transition: all 150ms; }
|
|
||||||
.trumbowyg-modal-box label input:hover, .trumbowyg-modal-box label input:focus {
|
|
||||||
outline: none;
|
|
||||||
border: 1px solid #95a5a6; }
|
|
||||||
.trumbowyg-modal-box label input:focus {
|
|
||||||
background: #fbfcfc; }
|
|
||||||
.trumbowyg-modal-box label input[type="checkbox"] {
|
|
||||||
left: 5px;
|
|
||||||
top: 5px;
|
|
||||||
right: auto; }
|
|
||||||
.trumbowyg-modal-box label input[type="checkbox"] + .trumbowyg-input-infos span {
|
|
||||||
width: auto;
|
|
||||||
padding-left: 25px; }
|
|
||||||
.trumbowyg-modal-box .error {
|
|
||||||
margin-top: 25px;
|
|
||||||
display: block;
|
|
||||||
color: red; }
|
|
||||||
.trumbowyg-modal-box .trumbowyg-modal-button {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 10px;
|
|
||||||
right: 0;
|
|
||||||
text-decoration: none;
|
|
||||||
color: #FFF;
|
|
||||||
display: block;
|
|
||||||
width: 100px;
|
|
||||||
height: 35px;
|
|
||||||
line-height: 33px;
|
|
||||||
margin: 0 10px;
|
|
||||||
background-color: #333;
|
|
||||||
border: none;
|
|
||||||
cursor: pointer;
|
|
||||||
font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
|
|
||||||
font-size: 16px;
|
|
||||||
transition: all 150ms; }
|
|
||||||
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit {
|
|
||||||
right: 110px;
|
|
||||||
background: #2bc06a; }
|
|
||||||
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover, .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus {
|
|
||||||
background: #40d47e;
|
|
||||||
outline: none; }
|
|
||||||
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active {
|
|
||||||
background: #25a25a; }
|
|
||||||
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset {
|
|
||||||
color: #555;
|
|
||||||
background: #e6e6e6; }
|
|
||||||
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover, .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus {
|
|
||||||
background: #fbfbfb;
|
|
||||||
outline: none; }
|
|
||||||
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active {
|
|
||||||
background: #d5d5d5; }
|
|
||||||
|
|
||||||
.trumbowyg-overlay {
|
|
||||||
position: absolute;
|
|
||||||
background-color: rgba(255, 255, 255, 0.5);
|
|
||||||
height: 100%;
|
|
||||||
width: 100%;
|
|
||||||
left: 0;
|
|
||||||
display: none;
|
|
||||||
top: 0;
|
|
||||||
z-index: 10; }
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Fullscreen
|
|
||||||
*/
|
|
||||||
body.trumbowyg-body-fullscreen {
|
|
||||||
overflow: hidden; }
|
|
||||||
|
|
||||||
.trumbowyg-fullscreen {
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
z-index: 99999; }
|
|
||||||
.trumbowyg-fullscreen.trumbowyg-box,
|
|
||||||
.trumbowyg-fullscreen .trumbowyg-editor {
|
|
||||||
border: none; }
|
|
||||||
.trumbowyg-fullscreen .trumbowyg-editor,
|
|
||||||
.trumbowyg-fullscreen .trumbowyg-textarea {
|
|
||||||
height: calc(100% - 37px) !important;
|
|
||||||
overflow: auto; }
|
|
||||||
.trumbowyg-fullscreen .trumbowyg-overlay {
|
|
||||||
height: 100% !important; }
|
|
||||||
.trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg {
|
|
||||||
color: #222;
|
|
||||||
fill: transparent; }
|
|
||||||
|
|
||||||
.trumbowyg-editor {
|
|
||||||
/*
|
|
||||||
* lset for resetCss option
|
|
||||||
*/ }
|
|
||||||
.trumbowyg-editor object,
|
|
||||||
.trumbowyg-editor embed,
|
|
||||||
.trumbowyg-editor video,
|
|
||||||
.trumbowyg-editor img {
|
|
||||||
max-width: 100%; }
|
|
||||||
.trumbowyg-editor video,
|
|
||||||
.trumbowyg-editor img {
|
|
||||||
height: auto; }
|
|
||||||
.trumbowyg-editor img {
|
|
||||||
cursor: move; }
|
|
||||||
.trumbowyg-editor.trumbowyg-reset-css {
|
|
||||||
background: #FEFEFE !important;
|
|
||||||
font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif !important;
|
|
||||||
font-size: 14px !important;
|
|
||||||
line-height: 1.45em !important;
|
|
||||||
color: #333; }
|
|
||||||
.trumbowyg-editor.trumbowyg-reset-css a {
|
|
||||||
color: #15c !important;
|
|
||||||
text-decoration: underline !important; }
|
|
||||||
.trumbowyg-editor.trumbowyg-reset-css div,
|
|
||||||
.trumbowyg-editor.trumbowyg-reset-css p,
|
|
||||||
.trumbowyg-editor.trumbowyg-reset-css ul,
|
|
||||||
.trumbowyg-editor.trumbowyg-reset-css ol,
|
|
||||||
.trumbowyg-editor.trumbowyg-reset-css blockquote {
|
|
||||||
box-shadow: none !important;
|
|
||||||
background: none !important;
|
|
||||||
margin: 0 !important;
|
|
||||||
margin-bottom: 15px !important;
|
|
||||||
line-height: 1.4em !important;
|
|
||||||
font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif !important;
|
|
||||||
font-size: 14px !important;
|
|
||||||
border: none; }
|
|
||||||
.trumbowyg-editor.trumbowyg-reset-css iframe,
|
|
||||||
.trumbowyg-editor.trumbowyg-reset-css object,
|
|
||||||
.trumbowyg-editor.trumbowyg-reset-css hr {
|
|
||||||
margin-bottom: 15px !important; }
|
|
||||||
.trumbowyg-editor.trumbowyg-reset-css blockquote {
|
|
||||||
margin-left: 32px !important;
|
|
||||||
font-style: italic !important;
|
|
||||||
color: #555; }
|
|
||||||
.trumbowyg-editor.trumbowyg-reset-css ul {
|
|
||||||
list-style: disc; }
|
|
||||||
.trumbowyg-editor.trumbowyg-reset-css ul,
|
|
||||||
.trumbowyg-editor.trumbowyg-reset-css ol {
|
|
||||||
padding-left: 20px !important; }
|
|
||||||
.trumbowyg-editor.trumbowyg-reset-css ul ul,
|
|
||||||
.trumbowyg-editor.trumbowyg-reset-css ol ol,
|
|
||||||
.trumbowyg-editor.trumbowyg-reset-css ul ol,
|
|
||||||
.trumbowyg-editor.trumbowyg-reset-css ol ul {
|
|
||||||
border: none;
|
|
||||||
margin: 2px !important;
|
|
||||||
padding: 0 !important;
|
|
||||||
padding-left: 24px !important; }
|
|
||||||
.trumbowyg-editor.trumbowyg-reset-css hr {
|
|
||||||
display: block;
|
|
||||||
height: 1px;
|
|
||||||
border: none;
|
|
||||||
border-top: 1px solid #CCC; }
|
|
||||||
.trumbowyg-editor.trumbowyg-reset-css h1,
|
|
||||||
.trumbowyg-editor.trumbowyg-reset-css h2,
|
|
||||||
.trumbowyg-editor.trumbowyg-reset-css h3,
|
|
||||||
.trumbowyg-editor.trumbowyg-reset-css h4 {
|
|
||||||
color: #111;
|
|
||||||
background: none;
|
|
||||||
margin: 0 !important;
|
|
||||||
padding: 0 !important;
|
|
||||||
font-weight: bold; }
|
|
||||||
.trumbowyg-editor.trumbowyg-reset-css h1 {
|
|
||||||
font-size: 32px !important;
|
|
||||||
line-height: 38px !important;
|
|
||||||
margin-bottom: 20px !important; }
|
|
||||||
.trumbowyg-editor.trumbowyg-reset-css h2 {
|
|
||||||
font-size: 26px !important;
|
|
||||||
line-height: 34px !important;
|
|
||||||
margin-bottom: 15px !important; }
|
|
||||||
.trumbowyg-editor.trumbowyg-reset-css h3 {
|
|
||||||
font-size: 22px !important;
|
|
||||||
line-height: 28px !important;
|
|
||||||
margin-bottom: 7px !important; }
|
|
||||||
.trumbowyg-editor.trumbowyg-reset-css h4 {
|
|
||||||
font-size: 16px !important;
|
|
||||||
line-height: 22px !important;
|
|
||||||
margin-bottom: 7px !important; }
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Dark theme
|
|
||||||
*/
|
|
||||||
.trumbowyg-dark .trumbowyg-textarea {
|
|
||||||
background: #111;
|
|
||||||
color: #ddd; }
|
|
||||||
|
|
||||||
.trumbowyg-dark .trumbowyg-box {
|
|
||||||
border: 1px solid #343434; }
|
|
||||||
.trumbowyg-dark .trumbowyg-box.trumbowyg-fullscreen {
|
|
||||||
background: #111; }
|
|
||||||
.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before {
|
|
||||||
text-shadow: 0 0 7px #ccc; }
|
|
||||||
@media screen and (min-width: 0 \0 ) {
|
|
||||||
.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before {
|
|
||||||
color: rgba(20, 20, 20, 0.6) !important; } }
|
|
||||||
@supports (-ms-accelerator: true) {
|
|
||||||
.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before {
|
|
||||||
color: rgba(20, 20, 20, 0.6) !important; } }
|
|
||||||
.trumbowyg-dark .trumbowyg-box svg {
|
|
||||||
fill: #ecf0f1;
|
|
||||||
color: #ecf0f1; }
|
|
||||||
|
|
||||||
.trumbowyg-dark .trumbowyg-button-pane {
|
|
||||||
background-color: #222;
|
|
||||||
border-bottom-color: #343434; }
|
|
||||||
.trumbowyg-dark .trumbowyg-button-pane::after {
|
|
||||||
background: #343434; }
|
|
||||||
.trumbowyg-dark .trumbowyg-button-pane .trumbowyg-button-group:not(:empty)::after {
|
|
||||||
background-color: #343434; }
|
|
||||||
.trumbowyg-dark .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) .trumbowyg-fullscreen-button svg {
|
|
||||||
color: transparent; }
|
|
||||||
.trumbowyg-dark .trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group::after {
|
|
||||||
background-color: #2a2a2a; }
|
|
||||||
.trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):hover,
|
|
||||||
.trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):focus,
|
|
||||||
.trumbowyg-dark .trumbowyg-button-pane button.trumbowyg-active {
|
|
||||||
background-color: #333; }
|
|
||||||
.trumbowyg-dark .trumbowyg-button-pane .trumbowyg-open-dropdown::after {
|
|
||||||
border-top-color: #fff; }
|
|
||||||
|
|
||||||
.trumbowyg-dark .trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg {
|
|
||||||
color: #ecf0f1;
|
|
||||||
fill: transparent; }
|
|
||||||
|
|
||||||
.trumbowyg-dark .trumbowyg-dropdown {
|
|
||||||
border-color: #222;
|
|
||||||
background: #333;
|
|
||||||
box-shadow: rgba(0, 0, 0, 0.3) 0 2px 3px; }
|
|
||||||
.trumbowyg-dark .trumbowyg-dropdown button {
|
|
||||||
background: #333;
|
|
||||||
color: #fff !important; }
|
|
||||||
.trumbowyg-dark .trumbowyg-dropdown button:hover, .trumbowyg-dark .trumbowyg-dropdown button:focus {
|
|
||||||
background: #222; }
|
|
||||||
|
|
||||||
.trumbowyg-dark .trumbowyg-modal-box {
|
|
||||||
background-color: #222; }
|
|
||||||
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-title {
|
|
||||||
border-bottom: 1px solid #555;
|
|
||||||
color: #fff;
|
|
||||||
background: #3c3c3c; }
|
|
||||||
.trumbowyg-dark .trumbowyg-modal-box label {
|
|
||||||
display: block;
|
|
||||||
position: relative;
|
|
||||||
margin: 15px 12px;
|
|
||||||
height: 27px;
|
|
||||||
line-height: 27px;
|
|
||||||
overflow: hidden; }
|
|
||||||
.trumbowyg-dark .trumbowyg-modal-box label .trumbowyg-input-infos span {
|
|
||||||
color: #eee;
|
|
||||||
background-color: #2f2f2f;
|
|
||||||
border-color: #222; }
|
|
||||||
.trumbowyg-dark .trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error {
|
|
||||||
color: #e74c3c; }
|
|
||||||
.trumbowyg-dark .trumbowyg-modal-box label.trumbowyg-input-error input,
|
|
||||||
.trumbowyg-dark .trumbowyg-modal-box label.trumbowyg-input-error textarea {
|
|
||||||
border-color: #e74c3c; }
|
|
||||||
.trumbowyg-dark .trumbowyg-modal-box label input {
|
|
||||||
border-color: #222;
|
|
||||||
color: #eee;
|
|
||||||
background: #333; }
|
|
||||||
.trumbowyg-dark .trumbowyg-modal-box label input:hover, .trumbowyg-dark .trumbowyg-modal-box label input:focus {
|
|
||||||
border-color: #626262; }
|
|
||||||
.trumbowyg-dark .trumbowyg-modal-box label input:focus {
|
|
||||||
background-color: #2f2f2f; }
|
|
||||||
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit {
|
|
||||||
background: #1b7943; }
|
|
||||||
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover, .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus {
|
|
||||||
background: #25a25a; }
|
|
||||||
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active {
|
|
||||||
background: #176437; }
|
|
||||||
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset {
|
|
||||||
background: #333;
|
|
||||||
color: #ccc; }
|
|
||||||
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover, .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus {
|
|
||||||
background: #444; }
|
|
||||||
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active {
|
|
||||||
background: #111; }
|
|
||||||
|
|
||||||
.trumbowyg-dark .trumbowyg-overlay {
|
|
||||||
background-color: rgba(15, 15, 15, 0.6); }
|
|
||||||
Vendored
-2
File diff suppressed because one or more lines are too long
+4
-8
@@ -52,19 +52,15 @@ if ($me['level'] >= 5) {
|
|||||||
var editable = <?=($me['level']>=5?'true':'false')?>;
|
var editable = <?=($me['level']>=5?'true':'false')?>;
|
||||||
</script>
|
</script>
|
||||||
<?=WebUtil::printJS('../e_lib/jquery-3.3.1.min.js')?>
|
<?=WebUtil::printJS('../e_lib/jquery-3.3.1.min.js')?>
|
||||||
<?=WebUtil::printJS('../e_lib/trumbowyg/trumbowyg.min.js')?>
|
<?=WebUtil::printJS('../e_lib/bootstrap.bundle.min.js')?>
|
||||||
<?=WebUtil::printJS('../e_lib/trumbowyg/langs/ko.min.js')?>
|
<?=WebUtil::printJS('../e_lib/summernote/summernote-bs4.min.js')?>
|
||||||
<?=WebUtil::printJS('../e_lib/trumbowyg/plugins/colors/trumbowyg.colors.min.js')?>
|
<?=WebUtil::printJS('../e_lib/summernote/lang/summernote-ko-KR.js')?>
|
||||||
<?=WebUtil::printJS('../e_lib/trumbowyg/plugins/fontfamily/trumbowyg.fontfamily.js')?>
|
|
||||||
<?=WebUtil::printJS('../e_lib/trumbowyg/trumbowyg.fontsize.js')?>
|
|
||||||
|
|
||||||
<?=WebUtil::printJS('../d_shared/common_path.js')?>
|
<?=WebUtil::printJS('../d_shared/common_path.js')?>
|
||||||
<?=WebUtil::printJS('js/dipcenter.js')?>
|
<?=WebUtil::printJS('js/dipcenter.js')?>
|
||||||
|
|
||||||
<?=WebUtil::printCSS('../e_lib/bootstrap.min.css')?>
|
<?=WebUtil::printCSS('../e_lib/bootstrap.min.css')?>
|
||||||
<?=WebUtil::printCSS('../e_lib/trumbowyg/ui/trumbowyg.min.css')?>
|
<?=WebUtil::printCSS('../e_lib/summernote/summernote-bs4.css')?>
|
||||||
<?=WebUtil::printCSS('../e_lib/trumbowyg/plugins/colors/ui/trumbowyg.colors.css')?>
|
|
||||||
<?=WebUtil::printCSS('../e_lib/trumbowyg/trumbowyg.fontsize.css')?>
|
|
||||||
<?=WebUtil::printCSS('../d_shared/common.css')?>
|
<?=WebUtil::printCSS('../d_shared/common.css')?>
|
||||||
<?=WebUtil::printCSS('css/common.css')?>
|
<?=WebUtil::printCSS('css/common.css')?>
|
||||||
<?=WebUtil::printCSS('css/dipcenter.css')?>
|
<?=WebUtil::printCSS('css/dipcenter.css')?>
|
||||||
|
|||||||
@@ -1,4 +1,23 @@
|
|||||||
#scoutMsgForm .viewer{
|
#scoutMsgForm .viewer{
|
||||||
max-height:200px;
|
max-height:200px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.note-editor.card {
|
||||||
|
background:inherit;
|
||||||
|
color:inherit;
|
||||||
|
font-family: inherit;
|
||||||
|
border:none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.note-editor.note-frame .note-editing-area .note-editable {
|
||||||
|
background:inherit;
|
||||||
|
color:inherit;
|
||||||
|
font-family: inherit;
|
||||||
|
padding:0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.note-editor.note-frame .note-statusbar{
|
||||||
|
background-color:#444444;
|
||||||
|
border-top: 1px solid rgba(0,0,0,0.125);
|
||||||
}
|
}
|
||||||
+21
-44
@@ -4,9 +4,7 @@
|
|||||||
|
|
||||||
jQuery(function($){
|
jQuery(function($){
|
||||||
|
|
||||||
jQuery.trumbowyg.langs.ko.fontFamily = '글꼴';
|
function guiEditorInit($obj, editable){
|
||||||
|
|
||||||
function guiEditorInit($obj, editable){
|
|
||||||
var $submitBtn = $obj.find('.submit');
|
var $submitBtn = $obj.find('.submit');
|
||||||
var $noticeInput = $obj.find('.input_form');
|
var $noticeInput = $obj.find('.input_form');
|
||||||
var $editForm = $obj.find('.edit_form');
|
var $editForm = $obj.find('.edit_form');
|
||||||
@@ -17,51 +15,30 @@ function guiEditorInit($obj, editable){
|
|||||||
function enableEditor(){
|
function enableEditor(){
|
||||||
editMode = true;
|
editMode = true;
|
||||||
$cancelEdit.show();
|
$cancelEdit.show();
|
||||||
$editForm.removeClass('viewer').trumbowyg({
|
$editForm.removeClass('viewer').summernote({
|
||||||
autogrow: true,
|
minHeight:200,
|
||||||
autogrowOnEnter: true,
|
maxHeight:null,
|
||||||
lang: 'ko',
|
focus:true,
|
||||||
removeformatPasted: true,
|
lang:'ko-KR',
|
||||||
imageWidthModalEdit: true,
|
toolbar: [
|
||||||
minimalLinks: true,
|
// [groupName, [list of button]]
|
||||||
btns: [
|
['do', ['undo', 'redo']],
|
||||||
['viewHTML'],
|
['style', ['bold', 'italic', 'underline', 'clear']],
|
||||||
['undo', 'redo'], // Only supported in Blink browsers
|
['font2', ['fontname', 'fontsize']],
|
||||||
['formatting'],
|
['font', ['strikethrough', 'superscript', 'subscript']],
|
||||||
['fontfamily', 'fontsize'],
|
['color', ['color']],
|
||||||
['foreColor', 'backColor'],
|
['in', ['picture', 'link', 'video', 'table', 'hr']],
|
||||||
['emoji'],
|
['para', ['ul', 'ol', 'paragraph']],
|
||||||
['strong', 'em', 'del'],
|
['height', ['height', 'codeview']]
|
||||||
['link'],
|
|
||||||
['insertImage'],
|
|
||||||
['justifyLeft', 'justifyCenter', 'justifyRight', 'justifyFull'],
|
|
||||||
['unorderedList', 'orderedList'],
|
|
||||||
['horizontalRule'],
|
|
||||||
['removeformat'],
|
|
||||||
['fullscreen']
|
|
||||||
],
|
],
|
||||||
plugins: {
|
fontNames: ['맑은 고딕', 'Nanum Gothic', 'Nanum Myeongjo', 'Nanum Pen Script', '굴림', '굴림체', '바탕', '바탕체', '궁서', '궁서체']
|
||||||
fontfamily : {
|
|
||||||
fontList:[
|
}).summernote('code', $noticeInput.val());
|
||||||
{name:'맑은 고딕', family:"'맑은 고딕'"},
|
|
||||||
{name:'나눔 고딕', family:"'Nanum Gothic', sans-serif"},
|
|
||||||
{name:'나눔 명조', family:"'Nanum Myeongjo', serif"},
|
|
||||||
{name:'나눔손글씨 펜체', family:"'Nanum Pen Script', cursive"},
|
|
||||||
{name:'굴림', family:"'굴림'"},
|
|
||||||
{name:'굴림체', family:"'굴림체'"},
|
|
||||||
{name:'바탕', family:"'바탕'"},
|
|
||||||
{name:'바탕체', family:"'바탕체'"},
|
|
||||||
{name:'궁서', family:"'궁서'"},
|
|
||||||
{name:'궁서체', family:"'궁서체'"},
|
|
||||||
]
|
|
||||||
}
|
|
||||||
},
|
|
||||||
}).trumbowyg('html', $noticeInput.val());
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function disableEditor(){
|
function disableEditor(){
|
||||||
editMode = false;
|
editMode = false;
|
||||||
$editForm.trumbowyg('destroy');
|
$editForm.summernote('destroy');
|
||||||
$cancelEdit.hide();
|
$cancelEdit.hide();
|
||||||
$editForm.html($noticeInput.val()).addClass('viewer');
|
$editForm.html($noticeInput.val()).addClass('viewer');
|
||||||
}
|
}
|
||||||
@@ -81,7 +58,7 @@ function guiEditorInit($obj, editable){
|
|||||||
enableEditor();
|
enableEditor();
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
$noticeInput.val($editForm.trumbowyg('html'));
|
$noticeInput.val($editForm.summernote('code'));
|
||||||
});
|
});
|
||||||
|
|
||||||
$cancelEdit.click(function(e){
|
$cancelEdit.click(function(e){
|
||||||
|
|||||||
Reference in New Issue
Block a user