');
loading.prepend(this.wrapper.clone().css({
position: 'absolute',
top: 0,
left: 0
}));
this.wrapper.append(loading);
var pb = $('
').appendTo(loading).kendoProgressBar({
type: 'chunk',
chunkCount: 10,
min: 0,
max: 1,
value: 0
}).data('kendoProgressBar');
deferred.progress(function (e) {
pb.value(e.progress);
}).always(function () {
kendo.destroy(loading);
loading.remove();
});
};
}
function syncTableHeight(table1, table2) {
table1 = table1[0];
table2 = table2[0];
if (table1.rows.length !== table2.rows.length) {
var lockedHeigth = table1.offsetHeight;
var tableHeigth = table2.offsetHeight;
var row;
var diff;
if (lockedHeigth > tableHeigth) {
row = table2.rows[table2.rows.length - 1];
if (filterRowRegExp.test(row.className)) {
row = table2.rows[table2.rows.length - 2];
}
diff = lockedHeigth - tableHeigth;
} else {
row = table1.rows[table1.rows.length - 1];
if (filterRowRegExp.test(row.className)) {
row = table1.rows[table1.rows.length - 2];
}
diff = tableHeigth - lockedHeigth;
}
row.style.height = row.offsetHeight + diff + 'px';
}
}
function adjustRowHeight(row1, row2) {
var height;
var offsetHeight1 = row1.offsetHeight;
var offsetHeight2 = row2.offsetHeight;
if (offsetHeight1 > offsetHeight2) {
height = offsetHeight1 + 'px';
} else if (offsetHeight1 < offsetHeight2) {
height = offsetHeight2 + 'px';
}
if (height) {
row1.style.height = row2.style.height = height;
}
}
function getCommand(commands, name) {
var idx, length, command;
if (typeof commands === STRING && commands === name) {
return commands;
}
if (isPlainObject(commands) && commands.name === name) {
return commands;
}
if (isArray(commands)) {
for (idx = 0, length = commands.length; idx < length; idx++) {
command = commands[idx];
if (typeof command === STRING && command === name || command.name === name) {
return command;
}
}
}
return null;
}
function focusTable(table, direct) {
var msie = browser.msie || browser.edge;
if (direct === true) {
table = $(table);
var scrollTop, scrollLeft;
scrollTop = table.parent().scrollTop();
scrollLeft = table.parent().scrollLeft();
if (msie) {
try {
table[0].setActive();
} catch (e) {
table[0].focus();
}
} else {
table[0].focus();
}
table.parent().scrollTop(scrollTop).scrollLeft(scrollLeft);
} else {
$(table).one('focusin', function (e) {
e.preventDefault();
}).focus();
}
}
function isColumnEditable(column, model) {
if (!column.field || column.selectable) {
return false;
}
if (model.editable && !model.editable(column.field)) {
return false;
}
if (column.editable && !column.editable(model)) {
return false;
}
return true;
}
function isInputElement(element) {
return $(element).is(':button,a,:input,a>.k-icon,textarea,span.k-select,span.k-icon,span.k-link,.k-input,.k-multiselect-wrap,.k-tool-icon');
}
function tableClick(e) {
var currentTarget = $(e.currentTarget), isHeader = currentTarget.is('th'), table = this.table.add(this.lockedTable), headerTable = this.thead.parent().add($('>table', this.lockedHeader)), isInput = isInputElement(e.target), currentTable = currentTarget.closest('table')[0];
if (kendo.support.touch) {
return;
}
if (isInput && currentTarget.find(kendo.roleSelector('filtercell')).length) {
this._setCurrent(currentTarget);
return;
}
if (currentTable !== table[0] && currentTable !== table[1] && currentTable !== headerTable[0] && currentTable !== headerTable[1]) {
return;
}
if ($(e.target).is('a.k-i-expand, a.k-i-collapse')) {
return;
}
if (this.options.navigatable) {
this._setCurrent(currentTarget);
}
if (isHeader || !isInput) {
setTimeout(function () {
if (!(isIE8 && $(kendo._activeElement()).hasClass('k-widget'))) {
if (!isInputElement(kendo._activeElement())) {
focusTable(currentTable, true);
}
}
});
}
if (isHeader) {
e.preventDefault();
}
}
function isInEdit(cell) {
return cell && (cell.hasClass('k-edit-cell') || cell.parent().hasClass('k-grid-edit-row'));
}
function groupRowBuilder(colspan, level, text) {
return '' + groupCells(level) + '' + ' ';
}
function groupRowLockedContentBuilder(colspan) {
return '' + '' + ' ';
}
ui.plugin(Grid);
ui.plugin(VirtualScrollable);
}(window.kendo.jQuery));
return window.kendo;
}, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) {
(a3 || a2)();
}));
(function (f, define) {
define('kendo.listview', [
'kendo.data',
'kendo.editable',
'kendo.selectable'
], f);
}(function () {
var __meta__ = {
id: 'listview',
name: 'ListView',
category: 'web',
description: 'The ListView widget offers rich support for interacting with data.',
depends: ['data'],
features: [
{
id: 'listview-editing',
name: 'Editing',
description: 'Support for record editing',
depends: ['editable']
},
{
id: 'listview-selection',
name: 'Selection',
description: 'Support for selection',
depends: ['selectable']
}
]
};
(function ($, undefined) {
var kendo = window.kendo, CHANGE = 'change', CANCEL = 'cancel', DATABOUND = 'dataBound', DATABINDING = 'dataBinding', Widget = kendo.ui.Widget, keys = kendo.keys, FOCUSSELECTOR = '>*:not(.k-loading-mask)', PROGRESS = 'progress', ERROR = 'error', FOCUSED = 'k-state-focused', SELECTED = 'k-state-selected', KEDITITEM = 'k-edit-item', EDIT = 'edit', REMOVE = 'remove', SAVE = 'save', CLICK = 'click', NS = '.kendoListView', proxy = $.proxy, activeElement = kendo._activeElement, progress = kendo.ui.progress, DataSource = kendo.data.DataSource;
var ListView = kendo.ui.DataBoundWidget.extend({
init: function (element, options) {
var that = this;
options = $.isArray(options) ? { dataSource: options } : options;
Widget.fn.init.call(that, element, options);
options = that.options;
that.wrapper = element = that.element;
if (element[0].id) {
that._itemId = element[0].id + '_lv_active';
}
that._element();
that._dataSource();
that._templates();
that._navigatable();
that._selectable();
that._pageable();
that._crudHandlers();
if (that.options.autoBind) {
that.dataSource.fetch();
}
kendo.notify(that);
},
events: [
CHANGE,
CANCEL,
DATABINDING,
DATABOUND,
EDIT,
REMOVE,
SAVE
],
options: {
name: 'ListView',
autoBind: true,
selectable: false,
navigatable: false,
template: '',
altTemplate: '',
editTemplate: ''
},
setOptions: function (options) {
Widget.fn.setOptions.call(this, options);
this._templates();
if (this.selectable) {
this.selectable.destroy();
this.selectable = null;
}
this._selectable();
},
_templates: function () {
var options = this.options;
this.template = kendo.template(options.template || '');
this.altTemplate = kendo.template(options.altTemplate || options.template);
this.editTemplate = kendo.template(options.editTemplate || '');
},
_item: function (action) {
return this.element.children()[action]();
},
items: function () {
return this.element.children();
},
dataItem: function (element) {
var attr = kendo.attr('uid');
var uid = $(element).closest('[' + attr + ']').attr(attr);
return this.dataSource.getByUid(uid);
},
setDataSource: function (dataSource) {
this.options.dataSource = dataSource;
this._dataSource();
if (this.options.autoBind) {
dataSource.fetch();
}
},
_unbindDataSource: function () {
var that = this;
that.dataSource.unbind(CHANGE, that._refreshHandler).unbind(PROGRESS, that._progressHandler).unbind(ERROR, that._errorHandler);
},
_dataSource: function () {
var that = this;
if (that.dataSource && that._refreshHandler) {
that._unbindDataSource();
} else {
that._refreshHandler = proxy(that.refresh, that);
that._progressHandler = proxy(that._progress, that);
that._errorHandler = proxy(that._error, that);
}
that.dataSource = DataSource.create(that.options.dataSource).bind(CHANGE, that._refreshHandler).bind(PROGRESS, that._progressHandler).bind(ERROR, that._errorHandler);
},
_progress: function () {
progress(this.element, true);
},
_error: function () {
progress(this.element, false);
},
_element: function () {
this.element.addClass('k-widget k-listview').attr('role', 'listbox');
},
refresh: function (e) {
var that = this, view = that.dataSource.view(), data, items, item, html = '', idx, length, template = that.template, altTemplate = that.altTemplate, active = activeElement();
e = e || {};
if (e.action === 'itemchange') {
if (!that._hasBindingTarget() && !that.editable) {
data = e.items[0];
item = that.items().filter('[' + kendo.attr('uid') + '=' + data.uid + ']');
if (item.length > 0) {
idx = item.index();
that.angular('cleanup', function () {
return { elements: [item] };
});
item.replaceWith(template(data));
item = that.items().eq(idx);
item.attr(kendo.attr('uid'), data.uid);
that.angular('compile', function () {
return {
elements: [item],
data: [{ dataItem: data }]
};
});
that.trigger('itemChange', {
item: item,
data: data
});
}
}
return;
}
if (that.trigger(DATABINDING, {
action: e.action || 'rebind',
items: e.items,
index: e.index
})) {
return;
}
that._angularItems('cleanup');
that._destroyEditable();
for (idx = 0, length = view.length; idx < length; idx++) {
if (idx % 2) {
html += altTemplate(view[idx]);
} else {
html += template(view[idx]);
}
}
that.element.html(html);
items = that.items();
for (idx = 0, length = view.length; idx < length; idx++) {
items.eq(idx).attr(kendo.attr('uid'), view[idx].uid).attr('role', 'option').attr('aria-selected', 'false');
}
if (that.element[0] === active && that.options.navigatable) {
that.current(items.eq(0));
}
that._angularItems('compile');
that.trigger(DATABOUND, {
action: e.action || 'rebind',
items: e.items,
index: e.index
});
},
_pageable: function () {
var that = this, pageable = that.options.pageable, settings, pagerId;
if ($.isPlainObject(pageable)) {
pagerId = pageable.pagerId;
settings = $.extend({}, pageable, {
dataSource: that.dataSource,
pagerId: null
});
that.pager = new kendo.ui.Pager($('#' + pagerId), settings);
}
},
_selectable: function () {
var that = this, multi, current, selectable = that.options.selectable, navigatable = that.options.navigatable;
if (selectable) {
multi = kendo.ui.Selectable.parseOptions(selectable).multiple;
that.selectable = new kendo.ui.Selectable(that.element, {
aria: true,
multiple: multi,
filter: FOCUSSELECTOR,
change: function () {
that.trigger(CHANGE);
}
});
if (navigatable) {
that.element.on('keydown' + NS, function (e) {
if (e.keyCode === keys.SPACEBAR) {
current = that.current();
if (e.target == e.currentTarget) {
e.preventDefault();
}
if (multi) {
if (!e.ctrlKey) {
that.selectable.clear();
} else {
if (current && current.hasClass(SELECTED)) {
current.removeClass(SELECTED);
return;
}
}
} else {
that.selectable.clear();
}
that.selectable.value(current);
}
});
}
}
},
current: function (candidate) {
var that = this, element = that.element, current = that._current, id = that._itemId;
if (candidate === undefined) {
return current;
}
if (current && current[0]) {
if (current[0].id === id) {
current.removeAttr('id');
}
current.removeClass(FOCUSED);
element.removeAttr('aria-activedescendant');
}
if (candidate && candidate[0]) {
id = candidate[0].id || id;
that._scrollTo(candidate[0]);
element.attr('aria-activedescendant', id);
candidate.addClass(FOCUSED).attr('id', id);
}
that._current = candidate;
},
_scrollTo: function (element) {
var that = this, container, UseJQueryoffset = false, SCROLL = 'scroll';
if (that.wrapper.css('overflow') == 'auto' || that.wrapper.css('overflow') == SCROLL) {
container = that.wrapper[0];
} else {
container = window;
UseJQueryoffset = true;
}
var scrollDirectionFunc = function (direction, dimension) {
var elementOffset = UseJQueryoffset ? $(element).offset()[direction.toLowerCase()] : element['offset' + direction], elementDimension = element['client' + dimension], containerScrollAmount = $(container)[SCROLL + direction](), containerDimension = $(container)[dimension.toLowerCase()]();
if (elementOffset + elementDimension > containerScrollAmount + containerDimension) {
$(container)[SCROLL + direction](elementOffset + elementDimension - containerDimension);
} else if (elementOffset < containerScrollAmount) {
$(container)[SCROLL + direction](elementOffset);
}
};
scrollDirectionFunc('Top', 'Height');
scrollDirectionFunc('Left', 'Width');
},
_navigatable: function () {
var that = this, navigatable = that.options.navigatable, element = that.element, clickCallback = function (e) {
that.current($(e.currentTarget));
if (!$(e.target).is(':button,a,:input,a>.k-icon,textarea')) {
element.focus();
}
};
if (navigatable) {
that._tabindex();
element.on('focus' + NS, function () {
var current = that._current;
if (!current || !current.is(':visible')) {
current = that._item('first');
}
that.current(current);
}).on('focusout' + NS, function () {
if (that._current) {
that._current.removeClass(FOCUSED);
}
}).on('keydown' + NS, function (e) {
var key = e.keyCode, current = that.current(), target = $(e.target), canHandle = !target.is(':button,textarea,a,a>.t-icon,input'), isTextBox = target.is(':text,:password'), preventDefault = kendo.preventDefault, editItem = element.find('.' + KEDITITEM), active = activeElement(), idx;
if (!canHandle && !isTextBox && keys.ESC != key || isTextBox && keys.ESC != key && keys.ENTER != key) {
return;
}
if (keys.UP === key || keys.LEFT === key) {
if (current) {
current = current.prev();
}
that.current(!current || !current[0] ? that._item('last') : current);
preventDefault(e);
} else if (keys.DOWN === key || keys.RIGHT === key) {
if (current) {
current = current.next();
}
that.current(!current || !current[0] ? that._item('first') : current);
preventDefault(e);
} else if (keys.PAGEUP === key) {
that.current(null);
that.dataSource.page(that.dataSource.page() - 1);
preventDefault(e);
} else if (keys.PAGEDOWN === key) {
that.current(null);
that.dataSource.page(that.dataSource.page() + 1);
preventDefault(e);
} else if (keys.HOME === key) {
that.current(that._item('first'));
preventDefault(e);
} else if (keys.END === key) {
that.current(that._item('last'));
preventDefault(e);
} else if (keys.ENTER === key) {
if (editItem.length !== 0 && (canHandle || isTextBox)) {
idx = that.items().index(editItem);
if (active) {
active.blur();
}
that.save();
var focusAgain = function () {
that.element.trigger('focus');
that.current(that.items().eq(idx));
};
that.one('dataBound', focusAgain);
} else if (that.options.editTemplate !== '') {
that.edit(current);
}
} else if (keys.ESC === key) {
editItem = element.find('.' + KEDITITEM);
if (editItem.length === 0) {
return;
}
idx = that.items().index(editItem);
that.cancel();
that.element.trigger('focus');
that.current(that.items().eq(idx));
}
});
element.on('mousedown' + NS + ' touchstart' + NS, FOCUSSELECTOR, proxy(clickCallback, that));
}
},
clearSelection: function () {
var that = this;
that.selectable.clear();
that.trigger(CHANGE);
},
select: function (items) {
var that = this, selectable = that.selectable;
items = $(items);
if (items.length) {
if (!selectable.options.multiple) {
selectable.clear();
items = items.first();
}
selectable.value(items);
return;
}
return selectable.value();
},
_destroyEditable: function () {
var that = this;
if (that.editable) {
that.editable.destroy();
delete that.editable;
}
},
_modelFromElement: function (element) {
var uid = element.attr(kendo.attr('uid'));
return this.dataSource.getByUid(uid);
},
_closeEditable: function () {
var that = this, editable = that.editable, data, item, index, template = that.template;
if (editable) {
if (editable.element.index() % 2) {
template = that.altTemplate;
}
that.angular('cleanup', function () {
return { elements: [editable.element] };
});
data = that._modelFromElement(editable.element);
that._destroyEditable();
index = editable.element.index();
editable.element.replaceWith(template(data));
item = that.items().eq(index);
item.attr(kendo.attr('uid'), data.uid);
if (that._hasBindingTarget()) {
kendo.bind(item, data);
}
that.angular('compile', function () {
return {
elements: [item],
data: [{ dataItem: data }]
};
});
}
return true;
},
edit: function (item) {
var that = this, data = that._modelFromElement(item), container, uid = data.uid, index;
that.cancel();
item = that.items().filter('[' + kendo.attr('uid') + '=' + uid + ']');
index = item.index();
item.replaceWith(that.editTemplate(data));
container = that.items().eq(index).addClass(KEDITITEM).attr(kendo.attr('uid'), data.uid);
that.editable = container.kendoEditable({
model: data,
clearContainer: false,
errorTemplate: false,
target: that
}).data('kendoEditable');
that.trigger(EDIT, {
model: data,
item: container
});
},
save: function () {
var that = this, editable = that.editable, model;
if (!editable) {
return;
}
var container = editable.element;
model = that._modelFromElement(container);
if (editable.end() && !that.trigger(SAVE, {
model: model,
item: container
})) {
that._closeEditable();
that.dataSource.sync();
}
},
remove: function (item) {
var that = this, dataSource = that.dataSource, data = that._modelFromElement(item);
if (that.editable) {
dataSource.cancelChanges(that._modelFromElement(that.editable.element));
that._closeEditable();
}
if (!that.trigger(REMOVE, {
model: data,
item: item
})) {
item.hide();
dataSource.remove(data);
dataSource.sync();
}
},
add: function () {
var that = this, dataItem, dataSource = that.dataSource, index = dataSource.indexOf((dataSource.view() || [])[0]);
if (index < 0) {
index = 0;
}
that.cancel();
dataItem = dataSource.insert(index, {});
that.edit(that.element.find('[data-uid=\'' + dataItem.uid + '\']'));
},
cancel: function () {
var that = this, dataSource = that.dataSource;
if (that.editable) {
var container = that.editable.element;
var model = that._modelFromElement(container);
if (!that.trigger(CANCEL, {
model: model,
container: container
})) {
dataSource.cancelChanges(model);
that._closeEditable();
}
}
},
_crudHandlers: function () {
var that = this, clickNS = CLICK + NS;
that.element.on(clickNS, '.k-edit-button', function (e) {
var item = $(this).closest('[' + kendo.attr('uid') + ']');
that.edit(item);
e.preventDefault();
});
that.element.on(clickNS, '.k-delete-button', function (e) {
var item = $(this).closest('[' + kendo.attr('uid') + ']');
that.remove(item);
e.preventDefault();
});
that.element.on(clickNS, '.k-update-button', function (e) {
that.save();
e.preventDefault();
});
that.element.on(clickNS, '.k-cancel-button', function (e) {
that.cancel();
e.preventDefault();
});
},
destroy: function () {
var that = this;
Widget.fn.destroy.call(that);
that._unbindDataSource();
that._destroyEditable();
that.element.off(NS);
if (that.pager) {
that.pager.destroy();
}
kendo.destroy(that.element);
}
});
kendo.ui.plugin(ListView);
}(window.kendo.jQuery));
return window.kendo;
}, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) {
(a3 || a2)();
}));
(function (f, define) {
define('kendo.listbox', [
'kendo.draganddrop',
'kendo.data',
'kendo.selectable'
], f);
}(function () {
var __meta__ = {
id: 'listbox',
name: 'ListBox',
category: 'web',
depends: [
'draganddrop',
'data',
'selectable'
]
};
(function ($, undefined) {
var kendo = window.kendo;
var kendoAttr = kendo.attr;
var data = kendo.data;
var keys = kendo.keys;
var kendoTemplate = kendo.template;
var Widget = kendo.ui.Widget;
var DataSource = data.DataSource;
var Selectable = kendo.ui.Selectable;
var DataBoundWidget = kendo.ui.DataBoundWidget;
var Class = kendo.Class;
var extend = $.extend;
var noop = $.noop;
var proxy = $.proxy;
var DASH = '-';
var DOT = '.';
var SPACE = ' ';
var HASH = '#';
var KENDO_LISTBOX = 'kendoListBox';
var NS = DOT + KENDO_LISTBOX;
var DISABLED_STATE_CLASS = 'k-state-disabled';
var SELECTED_STATE_CLASS = 'k-state-selected';
var ENABLED_ITEM_SELECTOR = '.k-item:not(.k-state-disabled)';
var ENABLED_ITEMS_SELECTOR = '.k-list:not(.k-state-disabled) >' + ENABLED_ITEM_SELECTOR;
var TOOLBAR_CLASS = 'k-listbox-toolbar';
var TOOL_SELECTOR = 'li > a.k-button:not(.k-state-disabled)';
var FOCUSED_CLASS = 'k-state-focused';
var DRAG_CLUE_CLASS = 'k-drag-clue';
var DROP_HINT_CLASS = 'k-drop-hint';
var LIST_CLASS = 'k-reset k-list';
var LIST_SELECTOR = '.k-reset.k-list';
var RESET = 'k-reset';
var CLICK = 'click' + NS;
var KEYDOWN = 'keydown' + NS;
var BLUR = 'blur' + NS;
var outerWidth = kendo._outerWidth;
var outerHeight = kendo._outerHeight;
var CHANGE = 'change';
var DATABOUND = 'dataBound';
var ADD = 'add';
var REMOVE = 'remove';
var REORDER = 'reorder';
var MOVE_UP = 'moveUp';
var MOVE_DOWN = 'moveDown';
var TRANSFER_TO = 'transferTo';
var TRANSFER_FROM = 'transferFrom';
var TRANSFER_ALL_TO = 'transferAllTo';
var TRANSFER_ALL_FROM = 'transferAllFrom';
var DRAGGEDCLASS = 'k-ghost';
var UNIQUE_ID = 'uid';
var TABINDEX = 'tabindex';
var COMMAND = 'command';
var MOVE_UP_OFFSET = -1;
var MOVE_DOWN_OFFSET = 1;
var DRAGSTART = 'dragstart';
var DRAG = 'drag';
var DROP = 'drop';
var DRAGEND = 'dragend';
var DEFAULT_FILTER = 'ul.k-reset.k-list>li.k-item';
var RIGHT = 'right';
var BOTTOM = 'bottom';
var TOOLBAR_POSITION_CLASS_NAMES = [
TOOLBAR_CLASS + DASH + 'left',
TOOLBAR_CLASS + DASH + RIGHT,
TOOLBAR_CLASS + DASH + 'top',
TOOLBAR_CLASS + DASH + BOTTOM
];
function getSortedDomIndices(items) {
var indices = $.map(items, function (item) {
return $(item).index();
});
return indices;
}
function isUndefined(value) {
return typeof value === 'undefined';
}
function defaultHint(element) {
return element.clone().removeClass(DRAGGEDCLASS).addClass(kendo.format('{0} {1} {2}', SELECTED_STATE_CLASS, RESET, DRAG_CLUE_CLASS)).width(element.width());
}
function defaultPlaceholder() {
return $('').addClass(DROP_HINT_CLASS);
}
var ListBox = DataBoundWidget.extend({
init: function (element, options) {
var that = this;
Widget.fn.init.call(that, element, options);
that._wrapper();
that._list();
element = that.element.attr('multiple', 'multiple').hide();
if (element[0] && !that.options.dataSource) {
that.options.dataTextField = that.options.dataTextField || 'text';
that.options.dataValueField = that.options.dataValueField || 'value';
}
that._templates();
that._selectable();
that._dataSource();
that._createToolbar();
that._createDraggable();
that._createNavigatable();
},
destroy: function () {
var that = this;
DataBoundWidget.fn.destroy.call(that);
if (!isNaN(that._listTabIndex)) {
that._getList().off();
that._listTabIndex = null;
}
that._unbindDataSource();
that._destroySelectable();
that._destroyToolbar();
that.wrapper.off(NS);
if (that._target) {
that._target = null;
}
if (that._draggable) {
that._draggable.destroy();
that.placeholder = null;
}
kendo.destroy(that.element);
},
events: [
CHANGE,
DATABOUND,
ADD,
REMOVE,
REORDER,
DRAGSTART,
DRAG,
DROP,
DRAGEND
],
options: {
name: 'ListBox',
autoBind: true,
template: '',
dataTextField: '',
dataValueField: '',
selectable: 'single',
draggable: null,
dropSources: [],
connectWith: '',
navigatable: true,
toolbar: {
position: RIGHT,
tools: []
},
messages: {
tools: {
remove: 'Delete',
moveUp: 'Move Up',
moveDown: 'Move Down',
transferTo: 'Transfer To',
transferFrom: 'Transfer From',
transferAllTo: 'Transfer All To',
transferAllFrom: 'Transfer All From'
}
}
},
add: function (dataItems) {
var that = this;
var items = dataItems && dataItems.length ? dataItems : [dataItems];
var itemsLength = items.length;
var i;
that._unbindDataSource();
for (i = 0; i < itemsLength; i++) {
that._addItem(items[i]);
}
that._bindDataSource();
that._syncElement();
},
_addItem: function (dataItem) {
var that = this;
var item = that.templates.itemTemplate({
item: dataItem,
r: that.templates.itemContent
});
$(item).attr(kendoAttr(UNIQUE_ID), dataItem.uid).appendTo(that._getList());
if (typeof dataItem === typeof '') {
that.dataSource._data.push(dataItem);
} else {
that.dataSource.add(dataItem);
}
},
_addItemAt: function (dataItem, index) {
var that = this;
var item = that.templates.itemTemplate({
item: dataItem,
r: that.templates.itemContent
});
that._unbindDataSource();
if (typeof dataItem === typeof '') {
that._insertElementAt(item, index);
that.dataSource._data.push(dataItem);
} else {
that._insertElementAt($(item).attr(kendoAttr(UNIQUE_ID), dataItem.uid), index);
that.dataSource.add(dataItem);
}
that._bindDataSource();
that._syncElement();
},
_insertElementAt: function (item, index) {
var that = this;
var list = that._getList();
if (index > 0) {
$(item).insertAfter(list.children().eq(index - 1));
} else {
$(list).prepend(item);
}
},
_createNavigatable: function () {
var that = this;
var options = that.options;
if (options.navigatable) {
that._getList().on(CLICK, ENABLED_ITEM_SELECTOR, proxy(that._click, that)).on(KEYDOWN, proxy(that._keyDown, that)).on(BLUR, proxy(that._blur, that));
}
},
_getTabIndex: function () {
var that = this;
var tabindex;
if (!isNaN(that._listTabIndex)) {
return that._listTabIndex;
}
tabindex = that.element.attr(TABINDEX);
that._listTabIndex = !isNaN(tabindex) ? tabindex : 0;
that.element.removeAttr(TABINDEX);
return that._listTabIndex;
},
_blur: function () {
if (this._target) {
this._target.removeClass(FOCUSED_CLASS);
this._getList().removeAttr('aria-activedescendant');
}
this._target = null;
},
_click: function (e) {
var that = this;
var target = $(e.currentTarget);
var oldTarget = that._target;
if (oldTarget) {
oldTarget.removeClass(FOCUSED_CLASS);
}
that._target = target;
target.addClass(FOCUSED_CLASS);
that._getList().attr('aria-activedescendant', target.attr('id'));
if (that._getList()[0] !== kendo._activeElement()) {
that.focus();
}
},
_getNavigatableItem: function (key) {
var that = this;
var current;
if (!that._target) {
current = that.items().filter(ENABLED_ITEM_SELECTOR).first();
} else {
current = that._target;
}
if (key === keys.UP && that._target) {
current = that._target.prevAll(ENABLED_ITEM_SELECTOR).first();
}
if (key === keys.DOWN && that._target) {
current = that._target.nextAll(ENABLED_ITEM_SELECTOR).first();
}
return current.length ? current : null;
},
_scrollIntoView: function (item) {
if (!item) {
return;
}
if (item[0]) {
item = item[0];
}
var list = this._getList().parent()[0];
var itemOffsetTop = item.offsetTop;
var contentScrollTop = list.scrollTop;
var contentOffsetHeight = list.clientHeight;
var bottomDistance = itemOffsetTop + item.offsetHeight;
if (contentScrollTop > itemOffsetTop) {
contentScrollTop = itemOffsetTop;
} else if (bottomDistance > contentScrollTop + contentOffsetHeight) {
contentScrollTop = bottomDistance - contentOffsetHeight;
}
list.scrollTop = contentScrollTop;
},
_keyDown: function (e) {
var that = this;
var key = e.keyCode;
var current = that._getNavigatableItem(key);
var shouldPreventDefault;
if (that._target) {
that._target.removeClass(FOCUSED_CLASS);
}
if (!(e.shiftKey && !e.ctrlKey && (key === keys.DOWN || key === keys.UP))) {
that._shiftSelecting = false;
}
if (key == keys.DELETE) {
that._executeCommand(REMOVE);
if (that._target) {
that._target.removeClass(FOCUSED_CLASS);
that._getList().removeAttr('aria-activedescendant');
that._target = null;
}
shouldPreventDefault = true;
} else if (key === keys.DOWN || key === keys.UP) {
if (!current) {
e.preventDefault();
return;
}
if (e.shiftKey && !e.ctrlKey) {
if (!that._shiftSelecting) {
that.clearSelection();
that._shiftSelecting = true;
}
if (that._target && current.hasClass('k-state-selected')) {
that._target.removeClass(SELECTED_STATE_CLASS);
that.trigger(CHANGE);
} else if (that.options.selectable == 'single') {
that.select(current);
} else {
that.select(current.add(that._target));
}
} else if (e.shiftKey && e.ctrlKey) {
that._executeCommand(key === keys.DOWN ? MOVE_DOWN : MOVE_UP);
that._scrollIntoView(that._target);
e.preventDefault();
return;
} else if (!e.shiftKey && !e.ctrlKey) {
if (that.options.selectable === 'multiple') {
that.clearSelection();
}
that.select(current);
}
that._target = current;
if (that._target) {
that._target.addClass(FOCUSED_CLASS);
that._scrollIntoView(that._target);
that._getList().attr('aria-activedescendant', that._target.attr('id'));
} else {
that._getList().removeAttr('aria-activedescendant');
}
shouldPreventDefault = true;
} else if (key == keys.SPACEBAR) {
if (e.ctrlKey && that._target) {
if (that._target.hasClass(SELECTED_STATE_CLASS)) {
that._target.removeClass(SELECTED_STATE_CLASS);
that.trigger(CHANGE);
} else {
that.select(that._target);
}
} else {
that.clearSelection();
that.select(that._target);
}
shouldPreventDefault = true;
} else if (e.ctrlKey && key == keys.RIGHT) {
if (e.shiftKey) {
that._executeCommand(TRANSFER_ALL_TO);
} else {
that._executeCommand(TRANSFER_TO);
}
that._target = that.select().length ? that.select() : null;
shouldPreventDefault = true;
} else if (e.ctrlKey && key == keys.LEFT) {
if (e.shiftKey) {
that._executeCommand(TRANSFER_ALL_FROM);
} else {
that._executeCommand(TRANSFER_FROM);
}
shouldPreventDefault = true;
}
if (shouldPreventDefault) {
e.preventDefault();
}
},
focus: function () {
this._getList().focus();
},
_createDraggable: function () {
var that = this;
var draggable = that.options.draggable;
var hint;
if (draggable) {
hint = draggable.hint;
if (!that.options.selectable) {
throw new Error('Dragging requires selection to be enabled');
}
if (!hint) {
hint = defaultHint;
}
that._draggable = new kendo.ui.Draggable(that.wrapper, {
filter: draggable.filter ? draggable.filter : DEFAULT_FILTER,
hint: kendo.isFunction(hint) ? hint : $(hint),
dragstart: proxy(that._dragstart, that),
dragcancel: proxy(that._clear, that),
drag: proxy(that._drag, that),
dragend: proxy(that._dragend, that)
});
}
},
_dragstart: function (e) {
var that = this;
var draggedElement = that.draggedElement = e.currentTarget;
var placeholder = that.options.draggable.placeholder;
var dataItem = that.dataItem(draggedElement);
var eventData = {
dataItems: dataItem,
items: $(draggedElement),
draggableEvent: e
};
if (that.options.draggable.enabled === false) {
e.preventDefault();
return;
}
if (!placeholder) {
placeholder = defaultPlaceholder;
}
that.placeholder = kendo.isFunction(placeholder) ? $(placeholder.call(that, draggedElement)) : $(placeholder);
if (draggedElement.is(DOT + DISABLED_STATE_CLASS)) {
e.preventDefault();
} else {
if (that.trigger(DRAGSTART, eventData)) {
e.preventDefault();
} else {
that.clearSelection();
that.select(draggedElement);
draggedElement.addClass(DRAGGEDCLASS);
}
}
},
_clear: function () {
this.draggedElement.removeClass(DRAGGEDCLASS);
this.placeholder.remove();
},
_findElementUnderCursor: function (e) {
var elementUnderCursor = kendo.elementUnderCursor(e);
var draggable = e.sender;
if ($.contains(draggable.hint[0], elementUnderCursor) || draggable.hint[0] === elementUnderCursor) {
draggable.hint.hide();
elementUnderCursor = kendo.elementUnderCursor(e);
draggable.hint.show();
}
return elementUnderCursor;
},
_findTarget: function (e) {
var that = this;
var element = that._findElementUnderCursor(e);
var elementNode = $(element);
var list = that._getList();
var items;
var node;
if ($.contains(list[0], element)) {
items = that.items();
element = elementNode.is('li') ? element : elementNode.closest('li')[0];
node = items.filter(element)[0] || items.has(element)[0];
if (node) {
node = $(node);
return !node.hasClass(DISABLED_STATE_CLASS) ? {
element: node,
listBox: that
} : null;
} else {
return null;
}
} else if (list[0] == element || list.parent()[0] == element) {
return {
element: $(list),
appendToBottom: true,
listBox: that
};
} else {
return that._searchConnectedListBox(elementNode);
}
},
_getElementCenter: function (element) {
var center = element.length ? kendo.getOffset(element) : null;
if (center) {
center.top += outerHeight(element) / 2;
center.left += outerWidth(element) / 2;
}
return center;
},
_searchConnectedListBox: function (element) {
var connectedListBox;
var items;
var node;
var originalElement = element;
var closestContainer;
if (element.hasClass('k-list-scroller k-selectable')) {
closestContainer = element;
} else {
closestContainer = element.closest('.k-list-scroller.k-selectable');
}
if (closestContainer.length) {
connectedListBox = closestContainer.parent().find('[data-role=\'listbox\']').getKendoListBox();
} else {
return null;
}
if (connectedListBox && $.inArray(this.element[0].id, connectedListBox.options.dropSources) !== -1) {
items = connectedListBox.items();
element = element.is('li') ? element[0] : element.closest('li')[0];
node = items.filter(element)[0] || items.has(element)[0];
if (node) {
node = $(node);
return !node.hasClass(DISABLED_STATE_CLASS) ? {
element: node,
listBox: connectedListBox
} : null;
} else if (!items.length || originalElement.hasClass('k-list-scroller k-selectable') || originalElement.hasClass('k-reset k-list')) {
return {
element: connectedListBox._getList(),
listBox: connectedListBox,
appendToBottom: true
};
} else {
return null;
}
}
return null;
},
_drag: function (e) {
var that = this;
var draggedElement = that.draggedElement;
var target = that._findTarget(e);
var cursorOffset = {
left: e.x.location,
top: e.y.location
};
var dataItem = that.dataItem(draggedElement);
var eventData = {
dataItems: [dataItem],
items: $(draggedElement),
draggableEvent: e
};
var targetCenter;
var offsetDelta;
var direction;
if (that.trigger(DRAG, eventData)) {
e.preventDefault();
return;
}
if (target) {
targetCenter = this._getElementCenter(target.element);
offsetDelta = {
left: Math.round(cursorOffset.left - targetCenter.left),
top: Math.round(cursorOffset.top - targetCenter.top)
};
if (target.appendToBottom) {
that._movePlaceholder(target, null, draggedElement);
return;
}
if (offsetDelta.top < 0) {
direction = 'prev';
} else if (offsetDelta.top > 0) {
direction = 'next';
}
if (direction) {
if (target.element[0] != that.placeholder[0]) {
that._movePlaceholder(target, direction, draggedElement);
}
}
} else if (that.placeholder.parent().length) {
that.placeholder.remove();
}
},
_movePlaceholder: function (target, direction, draggedElement) {
var that = this;
var placeholder = that.placeholder;
var draggableOptions = target.listBox.options.draggable;
if (placeholder.parent().length) {
that.placeholder.remove();
if (draggableOptions && draggableOptions.placeholder) {
that.placeholder = kendo.isFunction(draggableOptions.placeholder) ? $(draggableOptions.placeholder.call(that, draggedElement)) : $(draggableOptions.placeholder);
} else {
that.placeholder = $(defaultPlaceholder.call(that, draggedElement));
}
}
if (!direction) {
target.element.append(that.placeholder);
} else if (direction === 'prev') {
target.element.before(that.placeholder);
} else if (direction === 'next') {
target.element.after(that.placeholder);
}
},
_dragend: function (e) {
var that = this;
var draggedItem = that.draggedElement;
var items = that.items();
var placeholderIndex = items.not(that.draggedElement).index(that.placeholder);
var draggedIndex = items.not(that.placeholder).index(that.draggedElement);
var dataItem = that.dataItem(draggedItem);
var eventData = {
dataItems: [dataItem],
items: $(draggedItem)
};
var connectedListBox = that.placeholder.closest('.k-widget.k-listbox').find('[data-role=\'listbox\']').getKendoListBox();
if (that.trigger(DROP, extend({}, eventData, { draggableEvent: e }))) {
e.preventDefault();
this._clear();
return;
}
if (placeholderIndex >= 0) {
if (placeholderIndex !== draggedIndex && !that.trigger(REORDER, extend({}, eventData, { offset: placeholderIndex - draggedIndex }))) {
draggedItem.removeClass(DRAGGEDCLASS);
that.reorder(draggedItem, placeholderIndex);
}
} else if (connectedListBox) {
if (!that.trigger(REMOVE, eventData)) {
that.remove($(draggedItem));
}
if (!connectedListBox.trigger(ADD, eventData)) {
connectedListBox._addItemAt(dataItem, connectedListBox.items().index(that.placeholder));
}
}
that._clear();
that._draggable.dropped = true;
that.trigger(DRAGEND, extend({}, eventData, { draggableEvent: e }));
},
reorder: function (item, index) {
var that = this;
var dataSource = that.dataSource;
var dataItem = that.dataItem(item);
var dataItemAtIndex = dataSource.at(index);
var itemAtIndex = that.items()[index];
var listItem = $(item);
if (dataItem && itemAtIndex && dataItemAtIndex) {
that._removeElement(listItem);
that._insertElementAt(listItem, index);
that._updateToolbar();
}
},
remove: function (items) {
var that = this;
var listItems = that._getItems(items);
var itemsLength = listItems.length;
var i;
that._unbindDataSource();
for (i = 0; i < itemsLength; i++) {
that._removeItem($(listItems[i]));
}
that._bindDataSource();
that._syncElement();
that._updateToolbar();
that._updateAllToolbars();
},
_removeItem: function (item) {
var that = this;
var dataSource = that.dataSource;
var dataItem = that.dataItem(item);
if (!dataItem || !dataSource) {
return;
}
if (typeof dataItem === typeof '') {
var data = dataSource._data;
for (var i = 0; i < data.length; i++) {
if (dataItem === data[i]) {
data[i] = data[data.length - 1];
data.pop();
break;
}
}
} else {
dataSource.remove(dataItem);
}
that._removeElement(item);
},
_removeElement: function (item) {
kendo.destroy(item);
$(item).off().remove();
},
dataItem: function (element) {
var uniqueIdAttr = kendoAttr(UNIQUE_ID);
var uid = $(element).attr(uniqueIdAttr) || $(element).closest('[' + uniqueIdAttr + ']').attr(uniqueIdAttr);
if (uid) {
return this.dataSource.getByUid(uid);
} else {
return $(element).html();
}
},
_dataItems: function (items) {
var dataItems = [];
var listItems = $(items);
var itemsLength = listItems.length;
var i;
for (i = 0; i < itemsLength; i++) {
dataItems.push(this.dataItem(listItems.eq(i)));
}
return dataItems;
},
items: function () {
var list = this._getList();
return list.children();
},
select: function (items) {
var that = this;
var selectable = that.selectable;
var enabledItems;
if (isUndefined(items)) {
return selectable.value();
}
enabledItems = that.items().filter(items).filter(ENABLED_ITEMS_SELECTOR);
if (!selectable.options.multiple) {
selectable.clear();
enabledItems = enabledItems.first();
}
return selectable.value(enabledItems);
},
clearSelection: function () {
var that = this;
var selectable = that.selectable;
if (selectable) {
selectable.clear();
}
},
enable: function (items, enable) {
var that = this;
var enabled = isUndefined(enable) ? true : !!enable;
var listItems = that._getItems(items);
var itemsLength = listItems.length;
var i;
for (i = 0; i < itemsLength; i++) {
that._enableItem($(listItems[i]), enabled);
}
that._updateAllToolbars();
},
_enableItem: function (item, enable) {
var that = this;
var dataItem = that.dataItem(item);
if (dataItem) {
if (enable) {
$(item).removeClass(DISABLED_STATE_CLASS);
} else {
$(item).addClass(DISABLED_STATE_CLASS).removeClass(SELECTED_STATE_CLASS);
}
}
},
setDataSource: function (dataSource) {
var that = this;
that.options.dataSource = dataSource;
that._dataSource();
},
_dataSource: function () {
var that = this;
var options = that.options;
var dataSource = options.dataSource || {};
dataSource = $.isArray(dataSource) ? { data: dataSource } : dataSource;
dataSource.select = that.element;
dataSource.fields = [
{ field: options.dataTextField },
{ field: options.dataValueField }
];
that._unbindDataSource();
that.dataSource = DataSource.create(dataSource);
that._bindDataSource();
if (that.options.autoBind) {
that.dataSource.fetch();
}
},
_bindDataSource: function () {
var that = this;
var dataSource = that.dataSource;
that._dataChangeHandler = proxy(that.refresh, that);
if (dataSource) {
dataSource.bind(CHANGE, that._dataChangeHandler);
}
},
_unbindDataSource: function () {
var that = this;
var dataSource = that.dataSource;
if (dataSource) {
dataSource.unbind(CHANGE, that._dataChangeHandler);
}
},
_wrapper: function () {
var that = this, element = that.element, wrapper = element.parent('div.k-listbox');
if (!wrapper[0]) {
wrapper = element.wrap('').parent();
wrapper[0].style.cssText = element[0].style.cssText;
wrapper[0].title = element[0].title;
$('').insertBefore(element);
}
that.wrapper = wrapper.addClass(element[0].className).css('display', '');
that._innerWrapper = $(wrapper[0].firstChild);
},
_list: function () {
var that = this;
$(' #=r(item)# ', { useWithBlock: false }),
itemContent: template,
toolbar: ''
};
},
refresh: function () {
var that = this;
var view = that.dataSource.view();
var template = that.templates.itemTemplate;
var html = '';
for (var idx = 0; idx < view.length; idx++) {
html += template({
item: view[idx],
r: that.templates.itemContent
});
}
that._getList().html(html);
that._setItemIds();
that._createToolbar();
that._syncElement();
that._updateToolbar();
that._updateAllToolbars();
that.trigger(DATABOUND);
},
_syncElement: function () {
var options = '';
var view = this.dataSource.view();
for (var idx = 0; idx < view.length; idx++) {
options += this._option(view[idx][this.options.dataValueField] || view[idx], view[idx][this.options.dataTextField] || view[idx], true);
}
this.element.html(options);
},
_option: function (dataValue, dataText) {
var option = ' 0) {
var toolbarElement = $(that.templates.toolbar)[toolbarInsertion](that._innerWrapper);
that.toolbar = new ToolBar(toolbarElement, extend({}, toolbarOptions, {
listBox: that,
messages: messages
}));
that.wrapper.addClass(TOOLBAR_CLASS + DASH + position);
}
},
_destroyToolbar: function () {
var that = this;
if (that.toolbar) {
that.toolbar.destroy();
that.toolbar = null;
}
},
_executeCommand: function (commandName) {
var that = this;
var command = CommandFactory.current.create(commandName, { listBox: that });
if (command) {
command.execute();
that._updateToolbar();
that._updateAllToolbars();
}
},
_updateToolbar: function () {
var toolbar = this.toolbar;
if (toolbar) {
toolbar._updateToolStates();
}
},
_updateAllToolbars: function () {
var listBoxElements = $('select[data-role=\'listbox\']');
var elementsLength = listBoxElements.length;
var listBox;
var i;
for (i = 0; i < elementsLength; i++) {
listBox = $(listBoxElements[i]).data(KENDO_LISTBOX);
if (listBox) {
listBox._updateToolbar();
}
}
}
});
kendo.ui.plugin(ListBox);
var CommandFactory = Class.extend({
init: function () {
this._commands = [];
},
register: function (commandName, commandType) {
this._commands.push({
commandName: commandName,
commandType: commandType
});
},
create: function (commandName, options) {
var commands = this._commands;
var itemsLength = commands.length;
var name = commandName ? commandName.toLowerCase() : '';
var match;
var command;
var i;
for (i = 0; i < itemsLength; i++) {
command = commands[i];
if (command.commandName.toLowerCase() === name) {
match = command;
break;
}
}
if (match) {
return new match.commandType(options);
}
}
});
CommandFactory.current = new CommandFactory();
var ListBoxCommand = Class.extend({
init: function (options) {
var that = this;
that.options = extend({}, that.options, options);
that.listBox = that.options.listBox;
},
options: { listBox: null },
getItems: function () {
return $(this.listBox.select());
},
execute: noop,
canExecute: noop
});
var RemoveItemsCommand = ListBoxCommand.extend({
execute: function () {
var that = this;
var listBox = that.listBox;
var items = that.getItems();
if (!listBox.trigger(REMOVE, {
dataItems: listBox._dataItems(items),
items: items
})) {
listBox.remove(items);
}
},
canExecute: function () {
return this.listBox.select().length > 0;
}
});
CommandFactory.current.register(REMOVE, RemoveItemsCommand);
var MoveItemsCommand = ListBoxCommand.extend({
execute: function () {
var that = this;
if (that.canExecute()) {
that.moveItems();
}
},
canExecute: noop,
moveItems: function () {
var that = this;
var listBox = that.listBox;
var options = that.options;
var items = that.getItems();
var offset = options.offset;
var indecesInDom = getSortedDomIndices(items);
var movedItems = $.makeArray(items.sort(that.itemComparer));
var moveAction = options.moveAction;
var movedItem;
if (!listBox.trigger(REORDER, {
dataItems: listBox._dataItems(movedItems),
items: $(movedItems),
offset: offset
})) {
while (movedItems.length > 0 && indecesInDom.length > 0) {
movedItem = movedItems[moveAction]();
listBox.reorder(movedItem, indecesInDom[moveAction]() + offset);
}
}
},
options: {
offset: 0,
moveAction: 'pop'
},
itemComparer: function (item1, item2) {
var indexItem1 = $(item1).index();
var indexItem2 = $(item2).index();
if (indexItem1 === indexItem2) {
return 0;
} else {
return indexItem1 > indexItem2 ? 1 : -1;
}
}
});
var MoveUpItemsCommand = MoveItemsCommand.extend({
options: {
offset: MOVE_UP_OFFSET,
moveAction: 'shift'
},
canExecute: function () {
var items = this.getItems();
var domIndices = getSortedDomIndices(items);
return domIndices.length > 0 && domIndices[0] > 0;
}
});
CommandFactory.current.register(MOVE_UP, MoveUpItemsCommand);
var MoveDownItemsCommand = MoveItemsCommand.extend({
options: {
offset: MOVE_DOWN_OFFSET,
moveAction: 'pop'
},
canExecute: function () {
var that = this;
var items = that.getItems();
var domIndices = getSortedDomIndices(items);
return domIndices.length > 0 && $(domIndices).last()[0] < that.listBox.items().length - 1;
}
});
CommandFactory.current.register(MOVE_DOWN, MoveDownItemsCommand);
var TransferItemsCommand = ListBoxCommand.extend({
options: { filter: ENABLED_ITEM_SELECTOR },
execute: function () {
var that = this;
var sourceListBox = that.getSourceListBox();
var items = that.getItems().filter(that.options.filter);
var dataItems = sourceListBox ? sourceListBox._dataItems(items) : [];
var destinationListBox = that.getDestinationListBox();
var updatedSelection = that.getUpdatedSelection(items);
if (destinationListBox && items.length > 0) {
if (!destinationListBox.trigger(ADD, {
dataItems: dataItems,
items: items
})) {
destinationListBox.add(dataItems);
}
if (!sourceListBox.trigger(REMOVE, {
dataItems: dataItems,
items: items
})) {
sourceListBox.remove(items);
that.updateSelection(updatedSelection);
}
}
},
getUpdatedSelection: function (items) {
var that = this;
var itemFilter = that.options.filter;
var sourceListBox = that.getSourceListBox();
var lastEnabledItem = sourceListBox ? sourceListBox.items().filter(itemFilter).last() : null;
var containsLastItem = $(items).filter(lastEnabledItem).length > 0;
var itemToSelect = containsLastItem ? $(items).prevAll(itemFilter)[0] : $(items).nextAll(itemFilter)[0];
if ($(items).length === 1 && itemToSelect) {
return itemToSelect;
} else {
return null;
}
},
updateSelection: function (item) {
var sourceListBox = this.getSourceListBox();
if (sourceListBox && item) {
$(sourceListBox.select($(item)));
sourceListBox._scrollIntoView(item);
}
},
getSourceListBox: noop,
getDestinationListBox: noop
});
var TransferItemsToCommand = TransferItemsCommand.extend({
canExecute: function () {
var sourceListBox = this.getSourceListBox();
return sourceListBox ? sourceListBox.select().length > 0 : false;
},
getSourceListBox: function () {
return this.listBox;
},
getDestinationListBox: function () {
var sourceListBox = this.getSourceListBox();
return sourceListBox && sourceListBox.options.connectWith ? $(HASH + sourceListBox.options.connectWith).data(KENDO_LISTBOX) : null;
},
getItems: function () {
var sourceListBox = this.getSourceListBox();
return sourceListBox ? $(sourceListBox.select()) : $();
}
});
CommandFactory.current.register(TRANSFER_TO, TransferItemsToCommand);
var TransferItemsFromCommand = TransferItemsCommand.extend({
canExecute: function () {
var sourceListBox = this.getSourceListBox();
return sourceListBox ? sourceListBox.select().length > 0 : false;
},
getSourceListBox: function () {
var destinationListBox = this.getDestinationListBox();
return destinationListBox && destinationListBox.options.connectWith ? $(HASH + destinationListBox.options.connectWith).data(KENDO_LISTBOX) : null;
},
getDestinationListBox: function () {
return this.listBox;
},
getItems: function () {
var sourceListBox = this.getSourceListBox();
return sourceListBox ? $(sourceListBox.select()) : $();
}
});
CommandFactory.current.register(TRANSFER_FROM, TransferItemsFromCommand);
var TransferAllItemsToCommand = TransferItemsToCommand.extend({
canExecute: function () {
var sourceListBox = this.getSourceListBox();
return sourceListBox ? sourceListBox.items().filter(ENABLED_ITEM_SELECTOR).length > 0 : false;
},
getItems: function () {
var sourceListBox = this.getSourceListBox();
return sourceListBox ? sourceListBox.items() : $();
},
getUpdatedSelection: noop,
updateSelection: noop
});
CommandFactory.current.register(TRANSFER_ALL_TO, TransferAllItemsToCommand);
var TransferAllItemsFromCommand = TransferItemsFromCommand.extend({
canExecute: function () {
var sourceListBox = this.getSourceListBox();
return sourceListBox ? sourceListBox.items().filter(ENABLED_ITEM_SELECTOR).length > 0 : false;
},
getItems: function () {
var sourceListBox = this.getSourceListBox();
return sourceListBox ? sourceListBox.items() : $();
},
getUpdatedSelection: noop,
updateSelection: noop
});
CommandFactory.current.register(TRANSFER_ALL_FROM, TransferAllItemsFromCommand);
var ToolBar = Class.extend({
init: function (element, options) {
var that = this;
that.element = $(element).addClass(TOOLBAR_CLASS);
that.options = extend({}, that.options, options);
that.listBox = that.options.listBox;
that._initTemplates();
that._createTools();
that._updateToolStates();
that._attachEventHandlers();
},
destroy: function () {
var that = this;
that._detachEventHandlers();
kendo.destroy(that.element);
that.element.remove();
that.element = null;
},
options: {
position: RIGHT,
tools: []
},
_initTemplates: function () {
this.templates = { tool: kendoTemplate('' + '' + '' + '' + ' ') };
},
_createTools: function () {
var that = this;
var tools = that.options.tools;
var toolsLength = tools.length;
var toolsMessages = that.options.messages.tools;
var toolList = that._createToolList();
var tool;
var i;
for (i = 0; i < toolsLength; i++) {
tool = extend({}, ToolBar.defaultTools[tools[i]], { text: toolsMessages[tools[i]] });
if (tool) {
toolList.append($(that.templates.tool(tool)));
}
}
that.element.append(toolList);
},
_createToolList: function () {
return $('' + '' + '' + '' + '' + '' + '' + file.name + '' + '' + '';
} else {
template += ' ' + '' + '' + file.extension.substring(1) + '' + '' + '' + '' + file.name + '' + '' + fileSize + '';
}
template += '';
return $(template);
},
_prepareDefaultMultipleFileEntriesTemplate: function (data) {
var that = this;
var files = data.fileNames;
var filesHaveValidationErrors = that._filesContainValidationErrors(files);
var totalFileSize = getTotalFilesSizeMessage(files);
var template = '';
var i, currentFile;
if (filesHaveValidationErrors) {
template += ' ' + '' + '';
} else {
template += '' + '';
}
template += '';
files.sort(function (a, b) {
if (a[VALIDATIONERRORS]) {
return -1;
}
if (b[VALIDATIONERRORS]) {
return 1;
}
return 0;
});
template += '';
for (i = 0; i < files.length; i++) {
currentFile = files[i];
if (currentFile[VALIDATIONERRORS] && currentFile[VALIDATIONERRORS].length > 0) {
template += '' + currentFile.name + '';
} else {
template += '' + currentFile.name + '';
}
}
if (filesHaveValidationErrors) {
template += '';
} else {
template += 'Total: ' + files.length + ' files, ' + totalFileSize + '';
}
template += '';
return $(template);
},
_enqueueFile: function (name, data) {
var that = this;
var existingFileEntries;
var fileEntry;
var fileUid = data.fileNames[0].uid;
var fileList = $('.k-upload-files', that.wrapper);
var options = that.options;
var template = options.template;
var templateData;
var removeEventArgs;
if (fileList.length === 0) {
fileList = $(' ' + template(templateData) + ' ');
fileEntry.find('.k-upload-action').addClass('k-button');
that.angular('compile', function () {
return {
elements: fileEntry,
data: [templateData]
};
});
}
fileEntry.attr(kendo.attr('uid'), fileUid).appendTo(fileList).data(data);
if (!that._async) {
$('.k-progress', fileEntry).width('100%');
}
if (!that.multiple && existingFileEntries.length > 0) {
removeEventArgs = {
files: existingFileEntries.data('fileNames'),
headers: {}
};
if (!that.trigger(REMOVE, removeEventArgs)) {
that._module.onRemove({ target: $(existingFileEntries, that.wrapper) }, removeEventArgs);
}
}
return fileEntry;
},
_removeFileEntry: function (fileEntry) {
var that = this;
var fileList = fileEntry.closest('.k-upload-files');
var allFiles, allCompletedFiles, allInvalidFiles;
fileEntry.remove();
allFiles = $('.k-file', fileList);
allCompletedFiles = $('.k-file-success, .k-file-error', fileList);
allInvalidFiles = $('.k-file-invalid', fileList);
if (allCompletedFiles.length === allFiles.length || allInvalidFiles.length === allFiles.length) {
this._hideUploadButton();
}
if (allFiles.length === 0) {
fileList.remove();
that.wrapper.addClass('k-upload-empty');
that._hideHeaderUploadstatus();
} else {
that._updateHeaderUploadStatus();
}
},
_fileAction: function (fileElement, actionKey, skipClear) {
var classDictionary = {
remove: 'k-i-x',
cancel: 'k-i-cancel',
retry: 'k-i-retry',
pause: 'k-i-pause-sm'
};
var iconsClassDictionary = {
remove: 'k-i-close',
cancel: 'k-i-close',
retry: 'k-i-reload-sm',
pause: 'k-i-pause-sm'
};
var firstActionButton;
if (!classDictionary.hasOwnProperty(actionKey)) {
return;
}
if (!skipClear) {
this._clearFileAction(fileElement);
}
if (!this.options.template) {
if (!skipClear) {
fileElement.find('.k-upload-status .k-upload-action').remove();
}
fileElement.find('.k-upload-status').append(this._renderAction(classDictionary[actionKey], this.localization[actionKey], iconsClassDictionary[actionKey]));
} else {
firstActionButton = fileElement.find('.k-upload-action').first();
if (!firstActionButton.find('.k-icon').length) {
firstActionButton.addClass('k-button').append('').show();
} else if (firstActionButton.next('.k-upload-action').length) {
firstActionButton.next('.k-upload-action').addClass('k-button').append('').show();
}
}
},
_fileState: function (fileEntry, stateKey) {
var localization = this.localization, states = {
uploading: { text: localization.statusUploading },
uploaded: { text: localization.statusUploaded },
failed: { text: localization.statusFailed }
}, currentState = states[stateKey];
if (currentState) {
$('span.k-file-state', fileEntry).text(currentState.text);
}
},
_renderAction: function (actionClass, actionText, iconClass) {
if (actionClass !== '') {
return $('').on('focus', function () {
$(this).addClass('k-state-focused');
}).on('blur', function () {
$(this).removeClass('k-state-focused');
});
} else {
return $('');
}
},
_clearFileAction: function (fileElement) {
$('.k-upload-action', fileElement).empty().hide();
},
_onFileAction: function (e) {
var that = this;
if (!that.wrapper.hasClass('k-state-disabled')) {
var button = $(e.target).closest('.k-upload-action');
var icon = button.find('.k-icon');
var fileEntry = button.closest('.k-file');
var files = fileEntry.data('fileNames');
var hasValidationErrors = that._filesContainValidationErrors(files);
var eventArgs = {
files: files,
headers: {}
};
if (icon.hasClass('k-i-x')) {
if (!that.trigger(REMOVE, eventArgs)) {
that._module.onRemove({ target: $(fileEntry, that.wrapper) }, eventArgs, !hasValidationErrors);
}
} else if (icon.hasClass('k-i-cancel')) {
that.trigger(CANCEL, eventArgs);
that._module.onCancel({ target: $(fileEntry, that.wrapper) });
that._checkAllComplete();
that._updateHeaderUploadStatus();
} else if (icon.hasClass('k-i-pause-sm')) {
that.trigger(PAUSE, eventArgs);
that.pause(fileEntry);
that._updateHeaderUploadStatus();
} else if (icon.hasClass('k-i-play-sm')) {
that.trigger(RESUME, eventArgs);
that.resume(fileEntry);
} else if (icon.hasClass('k-i-retry')) {
$('.k-i-warning', fileEntry).remove();
$('.k-progress', fileEntry).finish().show();
that._module.onRetry({ target: $(fileEntry, that.wrapper) });
}
}
return false;
},
_onUploadSelected: function () {
var that = this;
var wrapper = that.wrapper;
if (!wrapper.hasClass('k-state-disabled')) {
this._module.onSaveSelected();
}
return false;
},
_onClearSelected: function () {
var that = this;
var wrapper = that.wrapper;
var clearEventArgs = {};
if (!wrapper.hasClass('k-state-disabled') && !that.trigger(CLEAR, clearEventArgs)) {
that.clearAllFiles();
}
return false;
},
_onFileProgress: function (e, percentComplete) {
var progressPct;
var warningPct;
if (percentComplete > 100) {
percentComplete = 100;
}
if (!this.options.template) {
progressPct = $('.k-upload-pct', e.target);
warningPct = $('.k-i-warning', e.target);
if (warningPct.length) {
warningPct.removeClass('k-i-warning').removeClass('k-icon').addClass('k-upload-pct');
} else if (progressPct.length === 0) {
$('.k-upload-status', e.target).prepend('');
}
if (percentComplete !== 100) {
$('.k-upload-pct', e.target).text(percentComplete + '%');
} else {
$('.k-upload-pct', e.target).remove();
}
$('.k-progress', e.target).width(percentComplete + '%');
} else {
$('.k-progress', e.target).width(percentComplete + '%');
}
this.trigger(PROGRESS, {
files: getFileEntry(e).data('fileNames'),
percentComplete: percentComplete
});
},
_onUploadSuccess: function (e, response, xhr) {
var that = this;
var fileEntry = getFileEntry(e);
var prevented = that.trigger(SUCCESS, {
files: fileEntry.data('fileNames'),
response: response,
operation: 'upload',
XMLHttpRequest: xhr
});
if (prevented) {
that._setUploadErrorState(fileEntry);
} else {
that._fileState(fileEntry, 'uploaded');
fileEntry.removeClass('k-file-progress').addClass('k-file-success');
that._updateHeaderUploadStatus();
if (that._supportsRemove()) {
that._fileAction(fileEntry, REMOVE);
} else {
that._clearFileAction(fileEntry);
}
}
that._hideUploadProgress(fileEntry);
that._checkAllComplete();
},
_onUploadError: function (e, xhr) {
var that = this;
var module = that._module;
var fileEntry = getFileEntry(e);
var fileUid = fileEntry.data('uid');
that._setUploadErrorState(fileEntry);
that.trigger(ERROR, {
operation: 'upload',
files: fileEntry.data('fileNames'),
XMLHttpRequest: xhr
});
logToConsole('Server response: ' + xhr.responseText);
if (!that.options.async.chunkSize) {
that._hideUploadProgress(fileEntry);
} else {
if (module._decreasePosition) {
module._decreasePosition(fileUid);
}
}
that._checkAllComplete();
if (this.options.async.autoRetryAfter) {
this._autoRetryAfter(fileEntry);
}
},
_autoRetryAfter: function (fileEntry) {
var that = this;
var retries = this._module.retries;
if (!retries) {
return;
}
if (!retries[fileEntry.data('uid')]) {
retries[fileEntry.data('uid')] = 1;
}
if (retries[fileEntry.data('uid')] <= this.options.async.maxAutoRetries) {
retries[fileEntry.data('uid')]++;
setTimeout(function () {
that._module.performUpload(fileEntry);
}, this.options.async.autoRetryAfter);
}
},
_setUploadErrorState: function (fileEntry) {
var that = this;
var uploadPercentage;
that._fileState(fileEntry, 'failed');
fileEntry.removeClass('k-file-progress').addClass('k-file-error');
that._updateUploadProgress(fileEntry);
uploadPercentage = $('.k-upload-pct', fileEntry);
if (uploadPercentage.length > 0) {
if (!uploadPercentage.parent().find('.k-i-warning').length) {
uploadPercentage.removeClass('k-upload-pct').addClass('k-icon k-i-warning');
}
uploadPercentage.empty();
} else {
$('.k-upload-status', fileEntry).prepend('');
}
this._updateHeaderUploadStatus();
this._fileAction(fileEntry, 'retry');
this._fileAction(fileEntry, REMOVE, true);
},
_updateUploadProgress: function (fileEntry) {
var that = this;
if (!that.options.async.chunkSize) {
$('.k-progress', fileEntry).width('100%');
} else {
var fileUid = fileEntry.data('uid');
if (that._module.metaData) {
var fileMetaData = that._module.metaData[fileUid];
if (fileMetaData) {
var percentComplete = fileMetaData.totalChunks ? Math.round(fileMetaData.chunkIndex / fileMetaData.totalChunks * 100) : 100;
that._onFileProgress({ target: $(fileEntry, that.wrapper) }, percentComplete);
}
}
}
},
_hideUploadProgress: function (fileEntry) {
$('.k-progress', fileEntry).delay(PROGRESSHIDEDELAY).fadeOut(PROGRESSHIDEDURATION, function () {
$(this).css('width', '0%');
});
},
_showUploadButton: function () {
var that = this;
var uploadButton = $('.k-upload-selected', that.wrapper);
var clearButton = $('.k-clear-selected', that.wrapper);
if (uploadButton.length === 0) {
uploadButton = that._renderAction('', this.localization.uploadSelectedFiles).addClass('k-upload-selected');
clearButton = that._renderAction('', this.localization.clearSelectedFiles).addClass('k-clear-selected');
}
this.wrapper.append(clearButton, uploadButton);
},
_hideUploadButton: function () {
$('.k-upload-selected, .k-clear-selected', this.wrapper).remove();
},
_showHeaderUploadStatus: function (isUploading) {
var that = this;
var localization = that.localization;
var dropZone = $('.k-dropzone', that.wrapper);
var headerUploadStatus = $('.k-upload-status-total', that.wrapper);
if (headerUploadStatus.length !== 0) {
headerUploadStatus.remove();
}
headerUploadStatus = '';
if (isUploading) {
headerUploadStatus = $(headerUploadStatus).append(localization.headerStatusUploading);
headerUploadStatus.find('.k-icon').addClass(headerStatusIcon.loading);
} else {
headerUploadStatus = $(headerUploadStatus).append(localization.headerStatusUploaded);
headerUploadStatus.find('.k-icon').addClass(headerStatusIcon.warning);
}
if (dropZone.length > 0) {
dropZone.append(headerUploadStatus);
} else {
$('.k-upload-button', that.wrapper).after(headerUploadStatus);
}
},
_updateHeaderUploadStatus: function () {
var that = this;
var headerUploadStatus = $('.k-upload-status-total', this.wrapper);
var currentlyUploading = $('.k-file', that.wrapper).not('.k-file-success, .k-file-error, .k-file-invalid');
var currentlyInvalid = $('.k-file-invalid', that.wrapper);
var currentlyFailed = $('.k-file-error', that.wrapper);
var currentlyPaused = $('.k-file', that.wrapper).find('.k-i-play-sm');
var failedUploads, headerUploadStatusIcon;
if (currentlyPaused.length && (currentlyPaused.length === currentlyUploading.length || !that.options.async.concurrent)) {
headerUploadStatusIcon = $('.k-icon', headerUploadStatus).removeClass().addClass('k-icon').addClass('k-i-pause-sm');
headerUploadStatus.html(headerUploadStatusIcon).append(that.localization.headerStatusPaused);
} else if (currentlyUploading.length === 0 || currentlyInvalid.length > 0 || currentlyFailed.length > 0) {
failedUploads = $('.k-file.k-file-error, .k-file.k-file-invalid', that.wrapper);
headerUploadStatus = $('.k-upload-status-total', that.wrapper);
headerUploadStatusIcon = $('.k-icon', headerUploadStatus).removeClass().addClass('k-icon').addClass(failedUploads.length !== 0 ? headerStatusIcon.warning : headerStatusIcon.success);
headerUploadStatus.html(headerUploadStatusIcon).append(that.localization.headerStatusUploaded);
}
},
_hideHeaderUploadstatus: function () {
$('.k-upload-status-total', this.wrapper).remove();
},
_onParentFormSubmit: function () {
var upload = this, element = upload.element;
if (typeof this._module.onAbort !== 'undefined') {
this._module.onAbort();
}
if (!element.value) {
var input = $(element);
input.attr('disabled', 'disabled');
window.setTimeout(function () {
input.removeAttr('disabled');
}, 0);
}
},
_onParentFormReset: function () {
$('.k-upload-files', this.wrapper).remove();
},
_supportsFormData: function () {
return typeof FormData != 'undefined';
},
_supportsMultiple: function () {
var windows = this._userAgent().indexOf('Windows') > -1;
return !kendo.support.browser.opera && !(kendo.support.browser.safari && windows);
},
_supportsDrop: function () {
var userAgent = this._userAgent().toLowerCase();
var isChrome = /chrome/.test(userAgent);
var isSafari = !isChrome && /safari/.test(userAgent);
var isWindowsSafari = isSafari && /windows/.test(userAgent);
return !isWindowsSafari && this._supportsFormData() && this.options.async.saveUrl;
},
_userAgent: function () {
return navigator.userAgent;
},
_setupDropZone: function () {
var that = this;
$('.k-upload-button', that.wrapper).wrap('');
var ns = that._ns;
var dropZone = $('.k-dropzone', that.wrapper).append($('' + that.localization.dropFilesHere + '')).on('dragenter' + ns, stopEvent).on('dragover' + ns, function (e) {
e.preventDefault();
}).on('drop' + ns, $.proxy(that._onDrop, that));
bindDragEventWrappers(dropZone, ns, function () {
if (!dropZone.closest('.k-upload').hasClass('k-state-disabled')) {
dropZone.addClass('k-dropzone-hovered');
}
}, function () {
dropZone.removeClass('k-dropzone-hovered');
});
that._bindDocumentDragEventWrappers(dropZone);
},
_setupCustomDropZone: function () {
var that = this;
var dropZone = $(that.options.dropZone);
$('.k-upload-button', that.wrapper).wrap('');
var ns = that._ns;
dropZone.on('dragenter' + ns, stopEvent).on('dragover' + ns, function (e) {
e.preventDefault();
}).on('drop' + ns, $.proxy(that._onDrop, that));
bindDragEventWrappers(dropZone, ns, function (e) {
if (!that.wrapper.hasClass('k-state-disabled')) {
dropZone.removeClass('k-dropzone-hovered');
$(e.target).addClass('k-dropzone-hovered');
}
}, function () {
dropZone.removeClass('k-dropzone-hovered');
});
that._bindDocumentDragEventWrappers(dropZone);
},
_bindDocumentDragEventWrappers: function (dropZone) {
var that = this;
var ns = that._ns;
bindDragEventWrappers($(document), ns, function () {
if (!that.wrapper.hasClass('k-state-disabled')) {
dropZone.addClass('k-dropzone-active');
dropZone.closest('.k-upload').removeClass('k-upload-empty');
}
}, function () {
dropZone.removeClass('k-dropzone-active');
if ($('li.k-file', dropZone.closest('.k-upload')).length === 0) {
dropZone.closest('.k-upload').addClass('k-upload-empty');
}
});
},
_supportsRemove: function () {
return !!this.options.async.removeUrl;
},
_submitRemove: function (fileNames, eventArgs, onSuccess, onError) {
var upload = this, removeField = upload.options.async.removeField || 'fileNames', params = $.extend(eventArgs.data, antiForgeryTokens());
params[removeField] = fileNames;
jQuery.ajax({
type: this.options.async.removeVerb,
dataType: 'json',
dataFilter: normalizeJSON,
url: this.options.async.removeUrl,
traditional: true,
data: params,
headers: eventArgs.headers,
success: onSuccess,
error: onError,
xhrFields: { withCredentials: this.options.async.withCredentials }
});
},
_wrapInput: function (input) {
var that = this;
var options = that.options;
input.wrap('');
if (!options.async.saveUrl) {
input.closest('.k-upload').addClass('k-upload-sync');
}
input.closest('.k-upload').addClass('k-upload-empty');
input.closest('.k-button').append('' + this.localization.select + '');
return input.closest('.k-upload');
},
_checkAllComplete: function () {
if ($('.k-file.k-file-progress', this.wrapper).length === 0) {
this.trigger(COMPLETE);
}
},
_inputFiles: function (sourceInput) {
return inputFiles(sourceInput);
}
});
var syncUploadModule = function (upload) {
this.name = 'syncUploadModule';
this.element = upload.wrapper;
this.upload = upload;
this.element.closest('form').attr('enctype', 'multipart/form-data').attr('encoding', 'multipart/form-data');
};
syncUploadModule.prototype = {
onSelect: function (e, files) {
var upload = this.upload;
var sourceInput = $(e.target);
var filesContainErrors = upload._filesContainValidationErrors(files);
upload._addInput(sourceInput);
var fileData = { 'fileNames': files };
if (filesContainErrors) {
sourceInput.remove();
} else {
fileData.relatedInput = sourceInput;
}
var file = upload._enqueueFile(getFileName(sourceInput), fileData);
if (filesContainErrors) {
upload._hideUploadProgress(file);
}
upload._fileAction(file, REMOVE);
},
onRemove: function (e) {
var fileEntry = getFileEntry(e);
var relatedInput = fileEntry.data('relatedInput');
if (relatedInput) {
relatedInput.remove();
}
this.upload._removeFileEntry(fileEntry);
}
};
var iframeUploadModule = function (upload) {
this.name = 'iframeUploadModule';
this.element = upload.wrapper;
this.upload = upload;
this.iframes = [];
};
Upload._frameId = 0;
iframeUploadModule.prototype = {
onSelect: function (e, files) {
var upload = this.upload;
var sourceInput = $(e.target);
var hasValidationErrors = upload._filesContainValidationErrors(files);
var fileEntry = this.prepareUpload(sourceInput, files, hasValidationErrors);
if (upload.options.async.autoUpload) {
if (!hasValidationErrors) {
this.performUpload(fileEntry);
} else {
upload._fileAction(fileEntry, REMOVE);
upload._showHeaderUploadStatus(false);
}
} else {
upload._fileAction(fileEntry, REMOVE);
if (!hasValidationErrors) {
upload._showUploadButton();
} else {
upload._updateHeaderUploadStatus();
}
}
if (hasValidationErrors) {
upload._hideUploadProgress(fileEntry);
}
},
prepareUpload: function (sourceInput, files, hasValidationErrors) {
var upload = this.upload;
var activeInput = $(upload.element);
var name = upload.options.async.saveField || sourceInput.attr('name');
var fileEntry, fileData, iframe, form;
upload._addInput(sourceInput);
sourceInput.attr('name', name);
if (!hasValidationErrors) {
iframe = this.createFrame(upload.name + '_' + Upload._frameId++);
this.registerFrame(iframe);
form = this.createForm(upload.options.async.saveUrl, iframe.attr('name')).append(activeInput);
fileData = {
'frame': iframe,
'relatedInput': activeInput,
'fileNames': files
};
} else {
sourceInput.remove();
fileData = { 'fileNames': files };
}
fileEntry = upload._enqueueFile(getFileName(sourceInput), fileData);
if (iframe) {
iframe.data({
'form': form,
'file': fileEntry
});
}
return fileEntry;
},
performUpload: function (fileEntry) {
var e = { files: fileEntry.data('fileNames') };
var iframe = fileEntry.data('frame');
var upload = this.upload;
if (!upload.trigger(UPLOAD, e)) {
upload._hideUploadButton();
upload._showHeaderUploadStatus(true);
iframe.appendTo(document.body);
var form = iframe.data('form').attr('action', upload.options.async.saveUrl).appendTo(document.body);
e.data = $.extend({}, e.data, antiForgeryTokens());
for (var key in e.data) {
var dataInput = form.find('input[name=\'' + key + '\']');
if (dataInput.length === 0) {
dataInput = $('', {
type: 'hidden',
name: key
}).prependTo(form);
}
dataInput.val(e.data[key]);
}
upload._fileAction(fileEntry, CANCEL);
upload._fileState(fileEntry, 'uploading');
$(fileEntry).removeClass('k-file-error').addClass('k-file-progress');
iframe.one('load', $.proxy(this.onIframeLoad, this));
form[0].submit();
} else {
upload._removeFileEntry(iframe.data('file'));
this.cleanupFrame(iframe);
this.unregisterFrame(iframe);
}
},
onSaveSelected: function () {
var module = this;
var upload = module.upload;
$('.k-file', this.element).each(function () {
var fileEntry = $(this);
var started = isFileUploadStarted(fileEntry);
var hasValidationErrors = upload._filesContainValidationErrors(fileEntry.data('fileNames'));
if (!started && !hasValidationErrors) {
module.performUpload(fileEntry);
}
});
},
onIframeLoad: function (e) {
var iframe = $(e.target), responseText;
try {
responseText = iframe.contents().text();
} catch (ex) {
responseText = 'Error trying to get server response: ' + ex;
}
this.processResponse(iframe, responseText);
},
processResponse: function (iframe, responseText) {
var fileEntry = iframe.data('file'), module = this, fakeXHR = { responseText: responseText };
tryParseJSON(responseText, function (jsonResult) {
$.extend(fakeXHR, {
statusText: 'OK',
status: '200'
});
module.upload._onFileProgress({ target: $(fileEntry, module.upload.wrapper) }, 100);
module.upload._onUploadSuccess({ target: $(fileEntry, module.upload.wrapper) }, jsonResult, fakeXHR);
module.cleanupFrame(iframe);
module.unregisterFrame(iframe);
}, function () {
$.extend(fakeXHR, {
statusText: 'error',
status: '500'
});
module.upload._onUploadError({ target: $(fileEntry, module.upload.wrapper) }, fakeXHR);
});
},
onCancel: function (e) {
var iframe = $(e.target).data('frame');
this.stopFrameSubmit(iframe);
this.cleanupFrame(iframe);
this.unregisterFrame(iframe);
this.upload._removeFileEntry(iframe.data('file'));
},
onRetry: function (e) {
var fileEntry = getFileEntry(e);
this.performUpload(fileEntry);
},
onRemove: function (e, eventArgs, shouldSendRemoveRequest) {
var module = this;
var upload = module.upload;
var fileEntry = getFileEntry(e);
var iframe = fileEntry.data('frame');
if (iframe) {
module.unregisterFrame(iframe);
upload._removeFileEntry(fileEntry);
module.cleanupFrame(iframe);
} else {
if (fileEntry.hasClass('k-file-success')) {
removeUploadedFile(fileEntry, upload, eventArgs, shouldSendRemoveRequest);
} else {
upload._removeFileEntry(fileEntry);
}
}
},
onAbort: function () {
var element = this.element, module = this;
$.each(this.iframes, function () {
$('input', this.data('form')).appendTo(element);
module.stopFrameSubmit(this[0]);
this.data('form').remove();
this.remove();
});
this.iframes = [];
},
createFrame: function (id) {
return $('');
},
createForm: function (action, target) {
return $('');
},
stopFrameSubmit: function (frame) {
if (typeof frame.stop != 'undefined') {
frame.stop();
} else if (frame.document) {
frame.document.execCommand('Stop');
}
},
registerFrame: function (frame) {
this.iframes.push(frame);
},
unregisterFrame: function (frame) {
this.iframes = $.grep(this.iframes, function (value) {
return value.attr('name') != frame.attr('name');
});
},
cleanupFrame: function (frame) {
var form = frame.data('form');
frame.data('file').data('frame', null);
setTimeout(function () {
form.remove();
frame.remove();
}, 1);
}
};
var formDataUploadModule = function (upload) {
this.name = 'formDataUploadModule';
this.element = upload.wrapper;
this.upload = upload;
this.position = {};
this.metaData = {};
this.cancelled = {};
this.resume = {};
this.paused = {};
this.retries = {};
};
formDataUploadModule.prototype = {
onSelect: function (e, files) {
var upload = this.upload;
var module = this;
var sourceElement = $(e.target);
var fileEntries = this.prepareUpload(sourceElement, files);
var hasValidationErrors;
var prev;
$.each(fileEntries, function (index) {
hasValidationErrors = upload._filesContainValidationErrors($(this.data('fileNames')));
if (upload.options.async.autoUpload) {
if (!hasValidationErrors) {
if (upload.options.async.chunkSize) {
module.prepareChunk(this);
prev = this.prev();
if (upload.options.async.concurrent || index === 0 && !prev.length || index === 0 && prev.hasClass('k-file-success')) {
module.performUpload(this);
}
} else {
module.performUpload(this);
}
} else {
upload._fileAction(this, REMOVE);
upload._showHeaderUploadStatus(false);
}
} else {
upload._fileAction(this, REMOVE);
if (!hasValidationErrors) {
upload._showUploadButton();
this.addClass('k-toupload');
} else {
upload._updateHeaderUploadStatus();
}
}
if (hasValidationErrors) {
upload._hideUploadProgress(this);
}
});
},
prepareUpload: function (sourceElement, files) {
var fileEntries = this.enqueueFiles(files);
if (sourceElement.is('input')) {
$.each(fileEntries, function () {
$(this).data('relatedInput', sourceElement);
});
sourceElement.data('relatedFileEntries', fileEntries);
this.upload._addInput(sourceElement);
}
return fileEntries;
},
enqueueFiles: function (files) {
var upload = this.upload;
var name;
var i;
var filesLength = files.length;
var currentFile;
var fileEntry;
var fileEntries = [];
if (upload.options.async.batch === true) {
name = $.map(files, function (file) {
return file.name;
}).join(', ');
if (upload.directory || upload.options.directoryDrop) {
$(files).each(function () {
if (this.rawFile.webkitRelativePath || this.rawFile.relativePath) {
this.name = this.rawFile.webkitRelativePath || this.rawFile.relativePath;
}
});
}
fileEntry = upload._enqueueFile(name, { fileNames: files });
fileEntry.data('files', files);
fileEntries.push(fileEntry);
} else {
for (i = 0; i < filesLength; i++) {
currentFile = files[i];
name = currentFile.name;
if (upload.directory || upload.options.directoryDrop) {
if (currentFile.rawFile.webkitRelativePath || currentFile.rawFile.relativePath) {
currentFile.name = currentFile.rawFile.webkitRelativePath || currentFile.rawFile.relativePath;
}
}
fileEntry = upload._enqueueFile(name, { fileNames: [currentFile] });
fileEntry.data('files', [currentFile]);
fileEntries.push(fileEntry);
}
}
return fileEntries;
},
performUpload: function (fileEntry) {
var upload = this.upload, formData = this.createFormData(), xhr = this.createXHR(), e = {
files: fileEntry.data('fileNames'),
XMLHttpRequest: xhr
}, files;
if (!upload.trigger(UPLOAD, e)) {
if (fileEntry.find('.k-i-cancel').length === 0) {
if (upload.options.async.chunkSize) {
upload._fileAction(fileEntry, PAUSE);
}
upload._fileAction(fileEntry, CANCEL, upload.options.async.chunkSize);
}
if (!upload.wrapper.find('.k-toupload').length) {
upload._hideUploadButton();
}
upload._showHeaderUploadStatus(true);
if (e.formData) {
formData = e.formData;
} else {
e.data = $.extend({}, e.data, antiForgeryTokens());
for (var key in e.data) {
formData.append(key, e.data[key]);
}
files = fileEntry.data('files');
if (files) {
this.populateFormData(formData, files);
}
}
upload._fileState(fileEntry, 'uploading');
$(fileEntry).removeClass('k-file-error').addClass('k-file-progress');
if (upload.options.async.useArrayBuffer && window.FileReader) {
this._readFile(upload.options.async.saveUrl, formData, fileEntry, xhr);
} else {
this.postFormData(upload.options.async.saveUrl, formData, fileEntry, xhr);
}
} else {
this.removeFileEntry(fileEntry);
}
},
_readFile: function (saveUrl, formData, fileEntry, xhr) {
var that = this;
var upload = that.upload;
var file = fileEntry.data('files')[0];
var reader = new FileReader();
reader.onload = function (e) {
try {
if (!that.fileArrayBuffer) {
that.fileArrayBuffer = e.target.result;
} else {
that.fileArrayBuffer = that._appendBuffer(that.fileArrayBuffer, e.target.result);
}
} catch (err) {
upload._onUploadError({ target: $(fileEntry, upload.wrapper) }, xhr);
return;
}
if (that.position[file.uid] > file.size) {
that.postFormData(upload.options.async.saveUrl, that.fileArrayBuffer, fileEntry, xhr);
that.fileArrayBuffer = null;
} else {
that._readFile(saveUrl, formData, fileEntry, xhr);
}
};
reader.onerror = function () {
upload._onUploadError({ target: $(fileEntry, upload.wrapper) }, xhr);
};
reader.readAsArrayBuffer(that._getCurrentChunk(file.rawFile, file.uid));
},
_appendBuffer: function (buffer1, buffer2) {
var tmp = new Uint8Array(buffer1.byteLength + buffer2.byteLength);
tmp.set(new Uint8Array(buffer1), 0);
tmp.set(new Uint8Array(buffer2), buffer1.byteLength);
return tmp.buffer;
},
onSaveSelected: function () {
var module = this;
var upload = module.upload;
$('.k-toupload', this.element).filter(function () {
var fileEntry = $(this);
var started = isFileUploadStarted(fileEntry);
var hasValidationErrors = upload._filesContainValidationErrors(fileEntry.data('fileNames'));
return !started && !hasValidationErrors;
}).each(function (index) {
var fileEntry = $(this);
var prevEntry = fileEntry.prev();
fileEntry.removeClass('k-toupload');
if (upload.options.async.chunkSize) {
module.prepareChunk(fileEntry);
if (upload.options.async.concurrent || index === 0 && !prevEntry.length || (index === 0 && prevEntry.hasClass('k-file-success') || prevEntry.hasClass('k-file-error'))) {
module.performUpload(fileEntry);
}
} else {
module.performUpload(fileEntry);
}
});
},
onCancel: function (e) {
var fileEntry = getFileEntry(e);
if (this.upload.options.async.chunkSize) {
this.cancelled[fileEntry.data('uid')] = true;
}
this.stopUploadRequest(fileEntry);
this.removeFileEntry(fileEntry);
},
onPause: function (e) {
var fileEntry = getFileEntry(e);
var fileUid = fileEntry.data('uid');
var async = this.upload.options.async;
if (async.chunkSize) {
this.retries[fileUid] = async.maxAutoRetries + 1;
this.paused[fileUid] = true;
this.resume[fileUid] = false;
}
},
onResume: function (e) {
var fileEntry = getFileEntry(e);
var fileUid = fileEntry.data('uid');
if (this.upload.options.async.chunkSize) {
delete this.paused[fileUid];
this.resume[fileUid] = true;
this.retries[fileEntry.data('uid')] = 1;
this._increaseChunkIndex(fileUid);
this.performUpload(fileEntry);
}
},
onRetry: function (e) {
var fileEntry = getFileEntry(e);
var async = this.upload.options.async;
if (async.chunkSize) {
this.retries[fileEntry.data('uid')] = async.maxAutoRetries + 1;
delete this.paused[fileEntry.data('uid')];
}
this.performUpload(fileEntry);
},
onRemove: function (e, eventArgs, shouldSendRemoveRequest) {
var module = this;
var upload = module.upload;
var fileEntry = getFileEntry(e);
var async = this.upload.options.async;
if (async.chunkSize) {
this.retries[fileEntry.data('uid')] = async.maxAutoRetries + 1;
}
if (fileEntry.hasClass('k-file-success')) {
removeUploadedFile(fileEntry, upload, eventArgs, shouldSendRemoveRequest);
} else {
module.removeFileEntry(fileEntry);
}
},
createXHR: function () {
return new XMLHttpRequest();
},
postFormData: function (url, data, fileEntry, xhr) {
var module = this;
fileEntry.data('request', xhr);
xhr.addEventListener('load', function (e) {
module.onRequestSuccess.call(module, e, fileEntry);
}, false);
xhr.addEventListener(ERROR, function (e) {
module.onRequestError.call(module, e, fileEntry);
}, false);
xhr.upload.addEventListener('progress', function (e) {
module.onRequestProgress.call(module, e, fileEntry);
}, false);
xhr.open('POST', url, true);
xhr.withCredentials = this.upload.options.async.withCredentials;
var accept = this.upload.options.async.accept;
if (accept) {
xhr.setRequestHeader('Accept', accept);
}
xhr.send(data);
},
createFormData: function () {
return new FormData();
},
populateFormData: function (data, files) {
var chunk;
var i;
var length = files.length;
var uid;
var upload = this.upload;
if (upload.options.async.chunkSize) {
uid = files[0].uid;
chunk = this._getCurrentChunk(files[0].rawFile, uid);
data.append(upload.options.async.saveField || upload.name, chunk);
var serializedMetaData = JSON.stringify(this.metaData[uid]);
data.append('metadata', serializedMetaData);
} else {
for (i = 0; i < length; i++) {
data.append(upload.options.async.saveField || upload.name, files[i].rawFile);
}
}
return data;
},
onRequestSuccess: function (e, fileEntry) {
var xhr = e.target, module = this;
function raiseError() {
module.upload._onUploadError({ target: $(fileEntry, module.upload.wrapper) }, xhr);
}
function parseSuccess(jsonResult) {
var batch = module.upload.options.async.batch;
var chunkSize = module.upload.options.async.chunkSize;
var concurrent = module.upload.options.async.concurrent;
var fileUid = jsonResult.fileUid;
if (module.paused[fileUid] || module.cancelled[fileUid]) {
return;
}
delete module.retries[fileUid];
if (chunkSize && !batch && !jsonResult.uploaded) {
module._increaseChunkIndex(fileUid);
module.performUpload(fileEntry);
} else if (chunkSize && !batch && !concurrent && fileEntry.next().length && !fileEntry.next().hasClass('k-toupload')) {
module.upload._onFileProgress({ target: $(fileEntry, module.upload.wrapper) }, 100);
module._resetChunkIndex(fileUid);
module.upload._onUploadSuccess({ target: $(fileEntry, module.upload.wrapper) }, jsonResult, xhr);
module.performUpload(fileEntry.next());
} else {
module.upload._onFileProgress({ target: $(fileEntry, module.upload.wrapper) }, 100);
module.upload._onUploadSuccess({ target: $(fileEntry, module.upload.wrapper) }, jsonResult, xhr);
module.cleanupFileEntry(fileEntry);
}
}
if (xhr.status >= 200 && xhr.status <= 299) {
tryParseJSON(xhr.responseText, parseSuccess, raiseError);
} else {
raiseError();
}
},
onRequestError: function (e, fileEntry) {
var xhr = e.target;
this.upload._onUploadError({ target: $(fileEntry, this.upload.wrapper) }, xhr);
},
cleanupFileEntry: function (fileEntry) {
var relatedInput = fileEntry.data('relatedInput'), uploadComplete = true;
if (relatedInput) {
$.each(relatedInput.data('relatedFileEntries') || [], function () {
if (this.parent().length > 0 && this[0] != fileEntry[0]) {
uploadComplete = uploadComplete && this.hasClass('k-file-success');
}
});
if (uploadComplete) {
relatedInput.remove();
}
}
},
removeFileEntry: function (fileEntry) {
var chunkSize = this.upload.options.async.chunkSize;
var concurrent = this.upload.options.async.concurrent;
this.cleanupFileEntry(fileEntry);
if (chunkSize && !concurrent) {
if (fileEntry.next().length) {
this.performUpload(fileEntry.next());
}
}
this.upload._removeFileEntry(fileEntry);
},
onRequestProgress: function (e, fileEntry) {
var percentComplete = Math.round(e.loaded * 100 / e.total);
var fileUid = fileEntry.data('uid');
var fileMetaData;
if (this.upload.options.async.chunkSize) {
fileMetaData = this.metaData[fileUid];
percentComplete = fileMetaData.totalChunks ? Math.round(fileMetaData.chunkIndex / fileMetaData.totalChunks * 100) : 100;
}
this.upload._onFileProgress({ target: $(fileEntry, this.upload.wrapper) }, percentComplete);
},
stopUploadRequest: function (fileEntry) {
fileEntry.data('request').abort();
},
prepareChunk: function (fileEntry) {
var file = fileEntry.data('files')[0].rawFile;
var uid = fileEntry.data('files')[0].uid;
var chunkSize = this.upload.options.async.chunkSize;
this.position[uid] = 0;
this.metaData[uid] = {
chunkIndex: 0,
contentType: file.type,
fileName: file.name,
totalFileSize: file.size,
totalChunks: Math.ceil(file.size / chunkSize),
uploadUid: uid
};
},
_decreaseChunkIndex: function (uid) {
this.metaData[uid].chunkIndex--;
},
_increaseChunkIndex: function (uid) {
this.metaData[uid].chunkIndex++;
},
_resetChunkIndex: function (uid) {
this.metaData[uid].chunkIndex = 0;
},
_decreasePosition: function (uid) {
this.position[uid] -= this.upload.options.async.chunkSize;
},
_getCurrentChunk: function (file, uid) {
var oldPosition = this.position[uid];
var methodToInvoke;
var async = this.upload.options.async;
var chunkSize = async.chunkSize || async.bufferChunkSize;
if (!this.position[uid]) {
this.position[uid] = 0;
}
this.position[uid] += chunkSize;
if (!!(methodToInvoke = this._getChunker(file))) {
return file[methodToInvoke](oldPosition, this.position[uid]);
} else {
return file;
}
},
_getChunker: function (file) {
if (file.slice) {
return 'slice';
} else if (file.mozSlice) {
return 'mozSlice';
} else if (file.webkitSlice) {
return 'webkitSlice';
} else {
return null;
}
}
};
function getFileName(input) {
return $.map(inputFiles(input), function (file) {
return file.name;
}).join(', ');
}
function inputFiles($input) {
var input = $input[0];
if (input.files) {
return getAllFileInfo(input.files);
} else {
return [{
name: stripPath(input.value),
extension: getFileExtension(input.value),
size: null
}];
}
}
function getAllFileInfo(rawFiles) {
return $.map(rawFiles, function (file) {
return getFileInfo(file);
});
}
function getFileInfo(rawFile) {
var fileName = rawFile.name || rawFile.fileName;
return {
name: kendo.htmlEncode(fileName),
extension: getFileExtension(fileName),
size: typeof rawFile.size == 'number' ? rawFile.size : rawFile.fileSize,
rawFile: rawFile
};
}
function getFileExtension(fileName) {
var matches = fileName.match(rFileExtension);
return matches ? matches[0] : '';
}
function stripPath(name) {
var slashIndex = name.lastIndexOf('\\');
return slashIndex != -1 ? name.substr(slashIndex + 1) : name;
}
function assignGuidToFiles(files, unique) {
var uid = kendo.guid();
return $.map(files, function (file) {
file.uid = unique ? kendo.guid() : uid;
return file;
});
}
function validateFiles(files, validationInfo) {
var allowedExtensions = parseAllowedExtensions(validationInfo.allowedExtensions);
var maxFileSize = validationInfo.maxFileSize;
var minFileSize = validationInfo.minFileSize;
for (var i = 0; i < files.length; i++) {
validateFileExtension(files[i], allowedExtensions);
validateFileSize(files[i], minFileSize, maxFileSize);
}
}
function parseAllowedExtensions(extensions) {
var allowedExtensions = $.map(extensions, function (ext) {
var parsedExt = ext.substring(0, 1) === '.' ? ext : '.' + ext;
return parsedExt.toLowerCase();
});
return allowedExtensions;
}
function validateFileExtension(file, allowedExtensions) {
if (allowedExtensions.length > 0) {
if (allowedExtensions.indexOf(file.extension.toLowerCase()) < 0) {
file.validationErrors = file.validationErrors || [];
if ($.inArray(INVALIDFILEEXTENSION, file.validationErrors) === -1) {
file.validationErrors.push(INVALIDFILEEXTENSION);
}
}
}
}
function validateFileSize(file, minFileSize, maxFileSize) {
if (minFileSize !== 0 && file.size < minFileSize) {
file.validationErrors = file.validationErrors || [];
if ($.inArray(INVALIDMINFILESIZE, file.validationErrors) === -1) {
file.validationErrors.push(INVALIDMINFILESIZE);
}
}
if (maxFileSize !== 0 && file.size > maxFileSize) {
file.validationErrors = file.validationErrors || [];
if ($.inArray(INVALIDMAXFILESIZE, file.validationErrors) === -1) {
file.validationErrors.push(INVALIDMAXFILESIZE);
}
}
}
function getTotalFilesSizeMessage(files) {
var totalSize = 0;
if (typeof files[0].size == 'number') {
for (var i = 0; i < files.length; i++) {
if (files[i].size) {
totalSize += files[i].size;
}
}
} else {
return '';
}
totalSize /= 1024;
if (totalSize < 1024) {
return totalSize.toFixed(2) + ' KB';
} else {
return (totalSize / 1024).toFixed(2) + ' MB';
}
}
function shouldRemoveFileEntry(upload) {
return !upload.multiple && $('.k-file', upload.wrapper).length > 1;
}
function removeUploadedFile(fileEntry, upload, eventArgs, shouldSendRemoveRequest) {
if (!upload._supportsRemove()) {
if (shouldRemoveFileEntry(upload) || !shouldSendRemoveRequest) {
upload._removeFileEntry(fileEntry);
}
return;
}
var files = fileEntry.data('fileNames');
var fileNames = $.map(files, function (file) {
return file.name;
});
if (shouldSendRemoveRequest === false) {
upload._removeFileEntry(fileEntry);
return;
}
upload._submitRemove(fileNames, eventArgs, function onSuccess(data, textStatus, xhr) {
var prevented = upload.trigger(SUCCESS, {
operation: 'remove',
files: files,
response: data,
XMLHttpRequest: xhr
});
if (!prevented) {
upload._removeFileEntry(fileEntry);
}
}, function onError(xhr) {
if (shouldRemoveFileEntry(upload)) {
upload._removeFileEntry(fileEntry);
}
upload.trigger(ERROR, {
operation: 'remove',
files: files,
XMLHttpRequest: xhr
});
logToConsole('Server response: ' + xhr.responseText);
});
}
function tryParseJSON(input, onSuccess, onError) {
var success = false, json = '';
try {
json = $.parseJSON(normalizeJSON(input));
success = true;
} catch (e) {
onError();
}
if (success) {
onSuccess(json);
}
}
function normalizeJSON(input) {
if (typeof input === 'undefined' || input === '') {
input = '{}';
}
return input;
}
function stopEvent(e) {
e.stopPropagation();
e.preventDefault();
}
function bindDragEventWrappers(element, namespace, onDragEnter, onDragLeave) {
var hideInterval, lastDrag;
element.on('dragenter' + namespace, function (e) {
onDragEnter(e);
lastDrag = new Date();
if (!hideInterval) {
hideInterval = setInterval(function () {
var sinceLastDrag = new Date() - lastDrag;
if (sinceLastDrag > 100) {
onDragLeave();
clearInterval(hideInterval);
hideInterval = null;
}
}, 100);
}
}).on('dragover' + namespace, function () {
lastDrag = new Date();
});
}
function isFileUploadStarted(fileEntry) {
return fileEntry.is('.k-file-progress, .k-file-success, .k-file-error');
}
function getFileEntry(e) {
return $(e.target).closest('.k-file');
}
kendo.ui.plugin(Upload);
}(window.kendo.jQuery));
return window.kendo;
}, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) {
(a3 || a2)();
}));
(function (f, define) {
define('kendo.filebrowser', [
'kendo.listview',
'kendo.dropdownlist',
'kendo.upload'
], f);
}(function () {
var __meta__ = {
id: 'filebrowser',
name: 'FileBrowser',
category: 'web',
description: '',
hidden: true,
depends: [
'selectable',
'listview',
'dropdownlist',
'upload'
]
};
(function ($, undefined) {
var kendo = window.kendo, Widget = kendo.ui.Widget, isPlainObject = $.isPlainObject, proxy = $.proxy, extend = $.extend, placeholderSupported = kendo.support.placeholder, browser = kendo.support.browser, isFunction = kendo.isFunction, trimSlashesRegExp = /(^\/|\/$)/g, CHANGE = 'change', APPLY = 'apply', ERROR = 'error', CLICK = 'click', NS = '.kendoFileBrowser', BREADCRUBMSNS = '.kendoBreadcrumbs', SEARCHBOXNS = '.kendoSearchBox', NAMEFIELD = 'name', SIZEFIELD = 'size', TYPEFIELD = 'type', DEFAULTSORTORDER = {
field: TYPEFIELD,
dir: 'asc'
}, EMPTYTILE = kendo.template('${text} '), TOOLBARTMPL = '';
extend(true, kendo.data, {
schemas: {
'filebrowser': {
data: function (data) {
return data.items || data || [];
},
model: {
id: 'name',
fields: {
name: 'name',
size: 'size',
type: 'type'
}
}
}
}
});
extend(true, kendo.data, {
transports: {
'filebrowser': kendo.data.RemoteTransport.extend({
init: function (options) {
kendo.data.RemoteTransport.fn.init.call(this, $.extend(true, {}, this.options, options));
},
_call: function (type, options) {
options.data = $.extend({}, options.data, { path: this.options.path() });
if (isFunction(this.options[type])) {
this.options[type].call(this, options);
} else {
kendo.data.RemoteTransport.fn[type].call(this, options);
}
},
read: function (options) {
this._call('read', options);
},
create: function (options) {
this._call('create', options);
},
destroy: function (options) {
this._call('destroy', options);
},
update: function () {
},
options: {
read: { type: 'POST' },
update: { type: 'POST' },
create: { type: 'POST' },
destroy: { type: 'POST' }
}
})
}
});
function bindDragEventWrappers(element, onDragEnter, onDragLeave) {
var hideInterval, lastDrag;
element.on('dragenter' + NS, function () {
onDragEnter();
lastDrag = new Date();
if (!hideInterval) {
hideInterval = setInterval(function () {
var sinceLastDrag = new Date() - lastDrag;
if (sinceLastDrag > 100) {
onDragLeave();
clearInterval(hideInterval);
hideInterval = null;
}
}, 100);
}
}).on('dragover' + NS, function () {
lastDrag = new Date();
});
}
var offsetTop;
if (browser.msie && browser.version < 8) {
offsetTop = function (element) {
return element.offsetTop;
};
} else {
offsetTop = function (element) {
return element.offsetTop - $(element).height();
};
}
function concatPaths(path, name) {
if (path === undefined || !path.match(/\/$/)) {
path = (path || '') + '/';
}
return path + name;
}
function sizeFormatter(value) {
if (!value) {
return '';
}
var suffix = ' bytes';
if (value >= 1073741824) {
suffix = ' GB';
value /= 1073741824;
} else if (value >= 1048576) {
suffix = ' MB';
value /= 1048576;
} else if (value >= 1024) {
suffix = ' KB';
value /= 1024;
}
return Math.round(value * 100) / 100 + suffix;
}
function fieldName(fields, name) {
var descriptor = fields[name];
if (isPlainObject(descriptor)) {
return descriptor.from || descriptor.field || name;
}
return descriptor;
}
var FileBrowser = Widget.extend({
init: function (element, options) {
var that = this;
options = options || {};
Widget.fn.init.call(that, element, options);
that.element.addClass('k-filebrowser');
that.element.on(CLICK + NS, '.k-filebrowser-toolbar button:not(.k-state-disabled):has(.k-i-close)', proxy(that._deleteClick, that)).on(CLICK + NS, '.k-filebrowser-toolbar button:not(.k-state-disabled):has(.k-i-folder-add)', proxy(that._addClick, that)).on('keydown' + NS, 'li.k-state-selected input', proxy(that._directoryKeyDown, that)).on('blur' + NS, 'li.k-state-selected input', proxy(that._directoryBlur, that));
that._dataSource();
that.refresh();
that.path(that.options.path);
},
options: {
name: 'FileBrowser',
messages: {
uploadFile: 'Upload',
orderBy: 'Arrange by',
orderByName: 'Name',
orderBySize: 'Size',
directoryNotFound: 'A directory with this name was not found.',
emptyFolder: 'Empty Folder',
deleteFile: 'Are you sure you want to delete "{0}"?',
invalidFileType: 'The selected file "{0}" is not valid. Supported file types are {1}.',
overwriteFile: 'A file with name "{0}" already exists in the current directory. Do you want to overwrite it?',
dropFilesHere: 'drop file here to upload',
search: 'Search'
},
transport: {},
path: '/',
fileTypes: '*.*'
},
events: [
ERROR,
CHANGE,
APPLY
],
destroy: function () {
var that = this;
Widget.fn.destroy.call(that);
that.dataSource.unbind(ERROR, that._errorHandler);
that.element.add(that.list).add(that.toolbar).off(NS);
kendo.destroy(that.element);
},
value: function () {
var that = this, selected = that._selectedItem(), path, fileUrl = that.options.transport.fileUrl;
if (selected && selected.get(TYPEFIELD) === 'f') {
path = concatPaths(that.path(), selected.get(NAMEFIELD)).replace(trimSlashesRegExp, '');
if (fileUrl) {
path = isFunction(fileUrl) ? fileUrl(path) : kendo.format(fileUrl, encodeURIComponent(path));
}
return path;
}
},
_selectedItem: function () {
var listView = this.listView, selected = listView.select();
if (selected.length) {
return this.dataSource.getByUid(selected.attr(kendo.attr('uid')));
}
},
_toolbar: function () {
var that = this, template = kendo.template(TOOLBARTMPL), messages = that.options.messages, arrangeBy = [
{
text: messages.orderByName,
value: 'name'
},
{
text: messages.orderBySize,
value: 'size'
}
];
that.toolbar = $(template({
messages: messages,
showUpload: that.options.transport.uploadUrl,
showCreate: that.options.transport.create,
showDelete: that.options.transport.destroy
})).appendTo(that.element).find('.k-upload input').kendoUpload({
multiple: false,
localization: { dropFilesHere: messages.dropFilesHere },
async: {
saveUrl: that.options.transport.uploadUrl,
autoUpload: true
},
upload: proxy(that._fileUpload, that),
error: function (e) {
that._error({
xhr: e.XMLHttpRequest,
status: 'error'
});
}
}).end();
that.upload = that.toolbar.find('.k-upload input').data('kendoUpload');
that.arrangeBy = that.toolbar.find('.k-tiles-arrange select').kendoDropDownList({
dataSource: arrangeBy,
dataTextField: 'text',
dataValueField: 'value',
change: function () {
that.orderBy(this.value());
}
}).data('kendoDropDownList');
that._attachDropzoneEvents();
},
_attachDropzoneEvents: function () {
var that = this;
if (that.options.transport.uploadUrl) {
bindDragEventWrappers($(document.documentElement), $.proxy(that._dropEnter, that), $.proxy(that._dropLeave, that));
that._scrollHandler = proxy(that._positionDropzone, that);
}
},
_dropEnter: function () {
this._positionDropzone();
$(document).on('scroll' + NS, this._scrollHandler);
},
_dropLeave: function () {
this._removeDropzone();
$(document).off('scroll' + NS, this._scrollHandler);
},
_positionDropzone: function () {
var that = this, element = that.element, offset = element.offset();
that.toolbar.find('.k-dropzone').addClass('k-filebrowser-dropzone').offset(offset).css({
width: element[0].clientWidth,
height: element[0].clientHeight,
lineHeight: element[0].clientHeight + 'px'
});
},
_removeDropzone: function () {
this.toolbar.find('.k-dropzone').removeClass('k-filebrowser-dropzone').css({
width: '',
height: '',
lineHeight: '',
top: '',
left: ''
});
},
_deleteClick: function () {
var that = this, item = that.listView.select(), message = kendo.format(that.options.messages.deleteFile, item.find('strong').text());
if (item.length && that._showMessage(message, 'confirm')) {
that.listView.remove(item);
}
},
_addClick: function () {
this.createDirectory();
},
_getFieldName: function (name) {
return fieldName(this.dataSource.reader.model.fields, name);
},
_fileUpload: function (e) {
var that = this, options = that.options, fileTypes = options.fileTypes, filterRegExp = new RegExp(('(' + fileTypes.split(',').join(')|(') + ')').replace(/\*\./g, '.*.'), 'i'), fileName = e.files[0].name, fileNameField = NAMEFIELD, sizeField = SIZEFIELD, file;
if (filterRegExp.test(fileName)) {
e.data = { path: that.path() };
file = that._createFile(fileName);
if (!file) {
e.preventDefault();
} else {
that.upload.one('success', function (e) {
var model = that._insertFileToList(file);
model.set(fileNameField, e.response[that._getFieldName(fileNameField)]);
model.set(sizeField, e.response[that._getFieldName(sizeField)]);
that._tiles = that.listView.items().filter('[' + kendo.attr('type') + '=f]');
});
}
} else {
e.preventDefault();
that._showMessage(kendo.format(options.messages.invalidFileType, fileName, fileTypes));
}
},
_findFile: function (name) {
var data = this.dataSource.data(), idx, result, typeField = TYPEFIELD, nameField = NAMEFIELD, length;
name = name.toLowerCase();
for (idx = 0, length = data.length; idx < length; idx++) {
if (data[idx].get(typeField) === 'f' && data[idx].get(nameField).toLowerCase() === name) {
result = data[idx];
break;
}
}
return result;
},
_createFile: function (fileName) {
var that = this, model = {}, typeField = TYPEFIELD, file = that._findFile(fileName);
if (file) {
if (!that._showMessage(kendo.format(that.options.messages.overwriteFile, fileName), 'confirm')) {
return null;
} else {
file._override = true;
return file;
}
}
model[typeField] = 'f';
model[NAMEFIELD] = fileName;
model[SIZEFIELD] = 0;
return model;
},
_insertFileToList: function (model) {
var index;
if (model._override) {
return model;
}
var dataSource = this.dataSource;
var view = dataSource.view();
for (var i = 0, length = view.length; i < length; i++) {
if (view[i].get(TYPEFIELD) === 'f') {
index = i;
break;
}
}
return dataSource.insert(++index, model);
},
createDirectory: function () {
var that = this, idx, length, lastDirectoryIdx = 0, typeField = TYPEFIELD, nameField = NAMEFIELD, view = that.dataSource.data(), name = that._nameDirectory(), model = new that.dataSource.reader.model();
for (idx = 0, length = view.length; idx < length; idx++) {
if (view[idx].get(typeField) === 'd') {
lastDirectoryIdx = idx;
}
}
model.set(typeField, 'd');
model.set(nameField, name);
that.listView.one('dataBound', function () {
var selected = that.listView.items().filter('[' + kendo.attr('uid') + '=' + model.uid + ']'), input = selected.find('input');
if (selected.length) {
this.edit(selected);
}
this.element.scrollTop(selected.attr('offsetTop') - this.element[0].offsetHeight);
setTimeout(function () {
input.select();
});
}).one('save', function (e) {
var value = e.model.get(nameField);
if (!value) {
e.model.set(nameField, name);
} else {
e.model.set(nameField, that._nameExists(value, model.uid) ? that._nameDirectory() : value);
}
});
that.dataSource.insert(++lastDirectoryIdx, model);
},
_directoryKeyDown: function (e) {
if (e.keyCode == 13) {
e.currentTarget.blur();
}
},
_directoryBlur: function () {
this.listView.save();
},
_nameExists: function (name, uid) {
var data = this.dataSource.data(), typeField = TYPEFIELD, nameField = NAMEFIELD, idx, length;
for (idx = 0, length = data.length; idx < length; idx++) {
if (data[idx].get(typeField) === 'd' && data[idx].get(nameField).toLowerCase() === name.toLowerCase() && data[idx].uid !== uid) {
return true;
}
}
return false;
},
_nameDirectory: function () {
var name = 'New folder', data = this.dataSource.data(), directoryNames = [], typeField = TYPEFIELD, nameField = NAMEFIELD, candidate, idx, length;
for (idx = 0, length = data.length; idx < length; idx++) {
if (data[idx].get(typeField) === 'd' && data[idx].get(nameField).toLowerCase().indexOf(name.toLowerCase()) > -1) {
directoryNames.push(data[idx].get(nameField));
}
}
if ($.inArray(name, directoryNames) > -1) {
idx = 2;
do {
candidate = name + ' (' + idx + ')';
idx++;
} while ($.inArray(candidate, directoryNames) > -1);
name = candidate;
}
return name;
},
orderBy: function (field) {
this.dataSource.sort([
{
field: TYPEFIELD,
dir: 'asc'
},
{
field: field,
dir: 'asc'
}
]);
},
search: function (name) {
this.dataSource.filter({
field: NAMEFIELD,
operator: 'contains',
value: name
});
},
_content: function () {
var that = this;
that.list = $('';
html += '#if(' + TYPEFIELD + ' == "d") { #';
html += ' ';
return proxy(kendo.template(html), { sizeFormatter: sizeFormatter });
},
_itemTmpl: function () {
var html = '';
html += '#if(' + TYPEFIELD + ' == "d") { #';
html += ' ';
return proxy(kendo.template(html), { sizeFormatter: sizeFormatter });
},
path: function (value) {
var that = this, path = that._path || '';
if (value !== undefined) {
that._path = value.replace(trimSlashesRegExp, '') + '/';
that.dataSource.read({ path: that._path });
return;
}
if (path) {
path = path.replace(trimSlashesRegExp, '');
}
return path === '/' || path === '' ? '' : path + '/';
}
});
var SearchBox = Widget.extend({
init: function (element, options) {
var that = this;
options = options || {};
Widget.fn.init.call(that, element, options);
if (placeholderSupported) {
that.element.attr('placeholder', that.options.label);
}
that._wrapper();
that.element.on('keydown' + SEARCHBOXNS, proxy(that._keydown, that)).on('change' + SEARCHBOXNS, proxy(that._updateValue, that));
that.wrapper.on(CLICK + SEARCHBOXNS, 'a', proxy(that._click, that));
if (!placeholderSupported) {
that.element.on('focus' + SEARCHBOXNS, proxy(that._focus, that)).on('blur' + SEARCHBOXNS, proxy(that._blur, that));
}
},
options: {
name: 'SearchBox',
label: 'Search',
value: ''
},
events: [CHANGE],
destroy: function () {
var that = this;
that.wrapper.add(that.element).add(that.label).off(SEARCHBOXNS);
Widget.fn.destroy.call(that);
},
_keydown: function (e) {
if (e.keyCode === 13) {
this._updateValue();
}
},
_click: function (e) {
e.preventDefault();
this._updateValue();
},
_updateValue: function () {
var that = this, value = that.element.val();
if (value !== that.value()) {
that.value(value);
that.trigger(CHANGE);
}
},
_blur: function () {
this._updateValue();
this._toggleLabel();
},
_toggleLabel: function () {
if (!placeholderSupported) {
this.label.toggle(!this.element.val());
}
},
_focus: function () {
this.label.hide();
},
_wrapper: function () {
var element = this.element, wrapper = element.parents('.k-search-wrap');
element[0].style.width = '';
element.addClass('k-input');
if (!wrapper.length) {
wrapper = element.wrap($('')).parent();
if (!placeholderSupported) {
$('').insertBefore(element);
}
$('').appendTo(wrapper);
}
this.wrapper = wrapper;
this.label = wrapper.find('>label');
},
value: function (value) {
var that = this;
if (value !== undefined) {
that.options.value = value;
that.element.val(value);
that._toggleLabel();
return;
}
return that.options.value;
}
});
var Breadcrumbs = Widget.extend({
init: function (element, options) {
var that = this;
options = options || {};
Widget.fn.init.call(that, element, options);
that._wrapper();
that.wrapper.on('focus' + BREADCRUBMSNS, 'input', proxy(that._focus, that)).on('blur' + BREADCRUBMSNS, 'input', proxy(that._blur, that)).on('keydown' + BREADCRUBMSNS, 'input', proxy(that._keydown, that)).on(CLICK + BREADCRUBMSNS, 'a.k-i-arrow-60-up:first', proxy(that._rootClick, that)).on(CLICK + BREADCRUBMSNS, 'a:not(.k-i-arrow-60-up)', proxy(that._click, that));
that.value(that.options.value);
},
options: {
name: 'Breadcrumbs',
gap: 50
},
events: [CHANGE],
destroy: function () {
var that = this;
Widget.fn.destroy.call(that);
that.wrapper.add(that.wrapper.find('input')).add(that.wrapper.find('a')).off(BREADCRUBMSNS);
},
_update: function (val) {
val = (val || '').charAt(0) === '/' ? val : '/' + (val || '');
if (val !== this.value()) {
this.value(val);
this.trigger(CHANGE);
}
},
_click: function (e) {
e.preventDefault();
this._update(this._path($(e.target).prevAll('a:not(.k-i-arrow-60-up)').addBack()));
},
_rootClick: function (e) {
e.preventDefault();
this._update('');
},
_focus: function () {
var that = this, element = that.element;
that.overlay.hide();
that.element.val(that.value());
setTimeout(function () {
element.select();
});
},
_blur: function () {
if (this.overlay.is(':visible')) {
return;
}
var that = this, element = that.element, val = element.val().replace(/\/{2,}/g, '/');
that.overlay.show();
element.val('');
that._update(val);
},
_keydown: function (e) {
var that = this;
if (e.keyCode === 13) {
that._blur();
setTimeout(function () {
that.overlay.find('a:first').focus();
});
}
},
_wrapper: function () {
var element = this.element, wrapper = element.parents('.k-breadcrumbs'), overlay;
element[0].style.width = '';
element.addClass('k-input');
if (!wrapper.length) {
wrapper = element.wrap($('')).parent();
}
overlay = wrapper.find('.k-breadcrumbs-wrap');
if (!overlay.length) {
overlay = $('').appendTo(wrapper);
}
this.wrapper = wrapper;
this.overlay = overlay;
},
refresh: function () {
var html = '', value = this.value(), segments, segment, idx, length;
if (value === undefined || !value.match(/^\//)) {
value = '/' + (value || '');
}
segments = value.split('/');
for (idx = 0, length = segments.length; idx < length; idx++) {
segment = segments[idx];
if (segment) {
if (!html) {
html += '';
}
html += '' + segments[idx] + '';
html += '';
}
}
this.overlay.empty().append($(html));
this._adjustSectionWidth();
},
_adjustSectionWidth: function () {
var that = this, wrapper = that.wrapper, width = wrapper.width() - that.options.gap, links = that.overlay.find('a'), a;
links.each(function (index) {
a = $(this);
if (a.parent().width() > width) {
if (index == links.length - 1) {
a.width(width);
} else {
a.prev().addBack().hide();
}
}
});
},
value: function (val) {
if (val !== undefined) {
this._value = val.replace(/\/{2,}/g, '/');
this.refresh();
return;
}
return this._value;
},
_path: function (trail) {
return '/' + $.map(trail, function (b) {
return $(b).text();
}).join('/');
}
});
kendo.ui.plugin(FileBrowser);
kendo.ui.plugin(Breadcrumbs);
kendo.ui.plugin(SearchBox);
}(window.kendo.jQuery));
return window.kendo;
}, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) {
(a3 || a2)();
}));
(function (f, define) {
define('kendo.imagebrowser', ['kendo.filebrowser'], f);
}(function () {
var __meta__ = {
id: 'imagebrowser',
name: 'ImageBrowser',
category: 'web',
description: '',
hidden: true,
depends: ['filebrowser']
};
(function ($, undefined) {
var kendo = window.kendo, FileBrowser = kendo.ui.FileBrowser, isPlainObject = $.isPlainObject, proxy = $.proxy, extend = $.extend, browser = kendo.support.browser, isFunction = kendo.isFunction, trimSlashesRegExp = /(^\/|\/$)/g, ERROR = 'error', NS = '.kendoImageBrowser', NAMEFIELD = 'name', SIZEFIELD = 'size', TYPEFIELD = 'type', DEFAULTSORTORDER = {
field: TYPEFIELD,
dir: 'asc'
}, EMPTYTILE = kendo.template('${text} ');
extend(true, kendo.data, {
schemas: {
'imagebrowser': {
data: function (data) {
return data.items || data || [];
},
model: {
id: 'name',
fields: {
name: 'name',
size: 'size',
type: 'type'
}
}
}
}
});
extend(true, kendo.data, {
transports: {
'imagebrowser': kendo.data.RemoteTransport.extend({
init: function (options) {
kendo.data.RemoteTransport.fn.init.call(this, $.extend(true, {}, this.options, options));
},
_call: function (type, options) {
options.data = $.extend({}, options.data, { path: this.options.path() });
if (isFunction(this.options[type])) {
this.options[type].call(this, options);
} else {
kendo.data.RemoteTransport.fn[type].call(this, options);
}
},
read: function (options) {
this._call('read', options);
},
create: function (options) {
this._call('create', options);
},
destroy: function (options) {
this._call('destroy', options);
},
update: function () {
},
options: {
read: { type: 'POST' },
update: { type: 'POST' },
create: { type: 'POST' },
destroy: { type: 'POST' }
}
})
}
});
var offsetTop;
if (browser.msie && browser.version < 8) {
offsetTop = function (element) {
return element.offsetTop;
};
} else {
offsetTop = function (element) {
return element.offsetTop - $(element).height();
};
}
function concatPaths(path, name) {
if (path === undefined || !path.match(/\/$/)) {
path = (path || '') + '/';
}
return path + name;
}
function sizeFormatter(value) {
if (!value) {
return '';
}
var suffix = ' bytes';
if (value >= 1073741824) {
suffix = ' GB';
value /= 1073741824;
} else if (value >= 1048576) {
suffix = ' MB';
value /= 1048576;
} else if (value >= 1024) {
suffix = ' KB';
value /= 1024;
}
return Math.round(value * 100) / 100 + suffix;
}
var ImageBrowser = FileBrowser.extend({
init: function (element, options) {
var that = this;
options = options || {};
FileBrowser.fn.init.call(that, element, options);
that.element.addClass('k-imagebrowser');
},
options: {
name: 'ImageBrowser',
fileTypes: '*.png,*.gif,*.jpg,*.jpeg'
},
value: function () {
var that = this, selected = that._selectedItem(), path, imageUrl = that.options.transport.imageUrl;
if (selected && selected.get(TYPEFIELD) === 'f') {
path = concatPaths(that.path(), selected.get(NAMEFIELD)).replace(trimSlashesRegExp, '');
if (imageUrl) {
path = isFunction(imageUrl) ? imageUrl(path) : kendo.format(imageUrl, encodeURIComponent(path));
}
return path;
}
},
_fileUpload: function (e) {
var that = this, options = that.options, fileTypes = options.fileTypes, filterRegExp = new RegExp(('(' + fileTypes.split(',').join(')|(') + ')').replace(/\*\./g, '.*.'), 'i'), fileName = e.files[0].name, fileNameField = NAMEFIELD, sizeField = SIZEFIELD, file;
if (filterRegExp.test(fileName)) {
e.data = { path: that.path() };
file = that._createFile(fileName);
if (!file) {
e.preventDefault();
} else {
file._uploading = true;
that.upload.one('success', function (e) {
delete file._uploading;
var model = that._insertFileToList(file);
model.set(fileNameField, e.response[that._getFieldName(fileNameField)]);
model.set(sizeField, e.response[that._getFieldName(sizeField)]);
that._tiles = that.listView.items().filter('[' + kendo.attr('type') + '=f]');
that._scroll();
});
}
} else {
e.preventDefault();
that._showMessage(kendo.format(options.messages.invalidFileType, fileName, fileTypes));
}
},
_content: function () {
var that = this;
that.list = $('![]()
', { alt: name }), urlJoin = '?';
if (dataItem._uploading) {
return;
}
img.hide().on('load' + NS, function () {
$(this).prev().remove().end().addClass('k-image').fadeIn();
});
element.find('.k-i-loading').after(img);
if (isFunction(thumbnailUrl)) {
thumbnailUrl = thumbnailUrl(that.path(), encodeURIComponent(name));
} else {
if (thumbnailUrl.indexOf('?') >= 0) {
urlJoin = '&';
}
thumbnailUrl = thumbnailUrl + urlJoin + 'path=' + encodeURIComponent(that.path() + name);
if (dataItem._override) {
thumbnailUrl += '&_=' + new Date().getTime();
delete dataItem._override;
}
}
img.attr('src', thumbnailUrl);
li.loaded = true;
},
_scroll: function () {
var that = this;
if (that.options.transport && that.options.transport.thumbnailUrl) {
clearTimeout(that._timeout);
that._timeout = setTimeout(function () {
var height = kendo._outerHeight(that.list), viewTop = that.list.scrollTop(), viewBottom = viewTop + height;
that._tiles.each(function () {
var top = offsetTop(this), bottom = top + this.offsetHeight;
if (top >= viewTop && top < viewBottom || bottom >= viewTop && bottom < viewBottom) {
that._loadImage(this);
}
if (top > viewBottom) {
return false;
}
});
that._tiles = that._tiles.filter(function () {
return !this.loaded;
});
}, 250);
}
},
_itemTmpl: function () {
var that = this, html = '';
html += '#if(' + TYPEFIELD + ' == "d") { #';
html += ' ';
return proxy(kendo.template(html), { sizeFormatter: sizeFormatter });
}
});
kendo.ui.plugin(ImageBrowser);
}(window.kendo.jQuery));
return window.kendo;
}, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) {
(a3 || a2)();
}));
(function (f, define) {
define('kendo.tabstrip', ['kendo.data'], f);
}(function () {
var __meta__ = {
id: 'tabstrip',
name: 'TabStrip',
category: 'web',
description: 'The TabStrip widget displays a collection of tabs with associated tab content.',
depends: ['data']
};
(function ($, undefined) {
var kendo = window.kendo, ui = kendo.ui, keys = kendo.keys, map = $.map, each = $.each, trim = $.trim, extend = $.extend, isFunction = kendo.isFunction, template = kendo.template, outerWidth = kendo._outerWidth, outerHeight = kendo._outerHeight, Widget = ui.Widget, excludedNodesRegExp = /^(a|div)$/i, NS = '.kendoTabStrip', IMG = 'img', HREF = 'href', PREV = 'prev', SHOW = 'show', LINK = 'k-link', LAST = 'k-last', CLICK = 'click', ERROR = 'error', EMPTY = ':empty', IMAGE = 'k-image', FIRST = 'k-first', SELECT = 'select', ACTIVATE = 'activate', CONTENT = 'k-content', CONTENTURL = 'contentUrl', MOUSEENTER = 'mouseenter', MOUSELEAVE = 'mouseleave', CONTENTLOAD = 'contentLoad', DISABLEDSTATE = 'k-state-disabled', DEFAULTSTATE = 'k-state-default', ACTIVESTATE = 'k-state-active', FOCUSEDSTATE = 'k-state-focused', HOVERSTATE = 'k-state-hover', TABONTOP = 'k-tab-on-top', NAVIGATABLEITEMS = '.k-item:not(.' + DISABLEDSTATE + ')', HOVERABLEITEMS = '.k-tabstrip-items > ' + NAVIGATABLEITEMS + ':not(.' + ACTIVESTATE + ')', templates = {
content: template('' + '#= itemWrapper(data) #' + ' '),
image: template('
'),
sprite: template(''),
empty: template('')
}, rendering = {
wrapperCssClass: function (group, item) {
var result = 'k-item', index = item.index;
if (item.enabled === false) {
result += ' k-state-disabled';
} else {
result += ' k-state-default';
}
if (index === 0) {
result += ' k-first';
}
if (index == group.length - 1) {
result += ' k-last';
}
return result;
},
textAttributes: function (item) {
return item.url ? ' href=\'' + item.url + '\'' : '';
},
text: function (item) {
return item.encoded === false ? item.text : kendo.htmlEncode(item.text);
},
tag: function (item) {
return item.url ? 'a' : 'span';
},
contentAttributes: function (content) {
return content.active !== true ? ' style=\'display:none\' aria-hidden=\'true\' aria-expanded=\'false\'' : '';
},
content: function (item) {
return item.content ? item.content : item.contentUrl ? '' : ' ';
},
contentUrl: function (item) {
return item.contentUrl ? kendo.attr('content-url') + '="' + item.contentUrl + '"' : '';
}
};
function updateTabClasses(tabs) {
tabs.children(IMG).addClass(IMAGE);
tabs.children('a').addClass(LINK).children(IMG).addClass(IMAGE);
tabs.filter(':not([disabled]):not([class*=k-state-disabled])').addClass(DEFAULTSTATE);
tabs.filter('li[disabled]').addClass(DISABLEDSTATE).removeAttr('disabled');
tabs.filter(':not([class*=k-state])').children('a').filter(':focus').parent().addClass(ACTIVESTATE + ' ' + TABONTOP);
tabs.attr('role', 'tab');
tabs.filter('.' + ACTIVESTATE).attr('aria-selected', true);
tabs.each(function () {
var item = $(this);
if (!item.children('.' + LINK).length) {
item.contents().filter(function () {
return !this.nodeName.match(excludedNodesRegExp) && !(this.nodeType == 3 && !trim(this.nodeValue));
}).wrapAll('');
}
});
}
function updateFirstLast(tabGroup) {
var tabs = tabGroup.children('.k-item');
tabs.filter('.k-first:not(:first-child)').removeClass(FIRST);
tabs.filter('.k-last:not(:last-child)').removeClass(LAST);
tabs.filter(':first-child').addClass(FIRST);
tabs.filter(':last-child').addClass(LAST);
}
function scrollButtonHtml(buttonClass, iconClass) {
return '';
}
var TabStrip = Widget.extend({
init: function (element, options) {
var that = this, value;
Widget.fn.init.call(that, element, options);
that._animations(that.options);
options = that.options;
that._contentUrls = options.contentUrls || [];
that._wrapper();
that._isRtl = kendo.support.isRtl(that.wrapper);
that._tabindex();
that._updateClasses();
that._dataSource();
if (options.dataSource) {
that.dataSource.fetch();
}
that._tabPosition();
that._scrollable();
if (that._contentUrls.length) {
that.wrapper.find('.k-tabstrip-items > .k-item').each(function (index, item) {
var url = that._contentUrls[index];
if (typeof url === 'string') {
$(item).find('>.' + LINK).data(CONTENTURL, url);
}
});
} else {
that._contentUrls.length = that.tabGroup.find('li.k-item').length;
}
that.wrapper.on(MOUSEENTER + NS + ' ' + MOUSELEAVE + NS, HOVERABLEITEMS, that._toggleHover).on('focus' + NS, $.proxy(that._active, that)).on('blur' + NS, function () {
that._current(null);
});
that._keyDownProxy = $.proxy(that._keydown, that);
if (options.navigatable) {
that.wrapper.on('keydown' + NS, that._keyDownProxy);
}
if (that.options.value) {
value = that.options.value;
}
that.wrapper.children('.k-tabstrip-items').on(CLICK + NS, '.k-state-disabled .k-link', false).on(CLICK + NS, ' > ' + NAVIGATABLEITEMS, function (e) {
var wr = that.wrapper[0];
if (wr !== document.activeElement) {
var msie = kendo.support.browser.msie;
if (msie) {
try {
wr.setActive();
} catch (j) {
wr.focus();
}
} else {
wr.focus();
}
}
if (that._click($(e.currentTarget))) {
e.preventDefault();
}
});
var selectedItems = that.tabGroup.children('li.' + ACTIVESTATE), content = that.contentHolder(selectedItems.index());
if (selectedItems[0] && content.length > 0 && content[0].childNodes.length === 0) {
that.activateTab(selectedItems.eq(0));
}
that.element.attr('role', 'tablist');
if (that.element[0].id) {
that._ariaId = that.element[0].id + '_ts_active';
}
that.value(value);
kendo.notify(that);
},
_active: function () {
var item = this.tabGroup.children().filter('.' + ACTIVESTATE);
item = item[0] ? item : this._endItem('first');
if (item[0]) {
this._current(item);
}
},
_endItem: function (action) {
return this.tabGroup.children(NAVIGATABLEITEMS)[action]();
},
_item: function (item, action) {
var endItem;
if (action === PREV) {
endItem = 'last';
} else {
endItem = 'first';
}
if (!item) {
return this._endItem(endItem);
}
item = item[action]();
if (!item[0]) {
item = this._endItem(endItem);
}
if (item.hasClass(DISABLEDSTATE)) {
item = this._item(item, action);
}
return item;
},
_current: function (candidate) {
var that = this, focused = that._focused, id = that._ariaId;
if (candidate === undefined) {
return focused;
}
if (focused) {
if (focused[0].id === id) {
focused.removeAttr('id');
}
focused.removeClass(FOCUSEDSTATE);
}
if (candidate) {
if (!candidate.hasClass(ACTIVESTATE)) {
candidate.addClass(FOCUSEDSTATE);
}
that.element.removeAttr('aria-activedescendant');
id = candidate[0].id || id;
if (id) {
candidate.attr('id', id);
that.element.attr('aria-activedescendant', id);
}
}
that._focused = candidate;
},
_keydown: function (e) {
var that = this, key = e.keyCode, current = that._current(), rtl = that._isRtl, action;
if (e.target != e.currentTarget) {
return;
}
if (key == keys.DOWN || key == keys.RIGHT) {
action = rtl ? PREV : 'next';
} else if (key == keys.UP || key == keys.LEFT) {
action = rtl ? 'next' : PREV;
} else if (key == keys.ENTER || key == keys.SPACEBAR) {
that._click(current);
e.preventDefault();
} else if (key == keys.HOME) {
that._click(that._endItem('first'));
e.preventDefault();
return;
} else if (key == keys.END) {
that._click(that._endItem('last'));
e.preventDefault();
return;
}
if (action) {
that._click(that._item(current, action));
e.preventDefault();
}
},
_dataSource: function () {
var that = this;
if (that.dataSource && that._refreshHandler) {
that.dataSource.unbind('change', that._refreshHandler);
} else {
that._refreshHandler = $.proxy(that.refresh, that);
}
that.dataSource = kendo.data.DataSource.create(that.options.dataSource).bind('change', that._refreshHandler);
},
setDataSource: function (dataSource) {
var that = this;
that.options.dataSource = dataSource;
that._dataSource();
that.dataSource.fetch();
},
_animations: function (options) {
if (options && 'animation' in options && !options.animation) {
options.animation = {
open: { effects: {} },
close: { effects: {} }
};
}
},
refresh: function (e) {
var that = this, options = that.options, text = kendo.getter(options.dataTextField), content = kendo.getter(options.dataContentField), contentUrl = kendo.getter(options.dataContentUrlField), image = kendo.getter(options.dataImageUrlField), url = kendo.getter(options.dataUrlField), sprite = kendo.getter(options.dataSpriteCssClass), idx, tabs = [], tab, action, view = that.dataSource.view(), length;
e = e || {};
action = e.action;
if (action) {
view = e.items;
}
for (idx = 0, length = view.length; idx < length; idx++) {
tab = { text: text(view[idx]) };
if (options.dataContentField) {
tab.content = content(view[idx]);
}
if (options.dataContentUrlField) {
tab.contentUrl = contentUrl(view[idx]);
}
if (options.dataUrlField) {
tab.url = url(view[idx]);
}
if (options.dataImageUrlField) {
tab.imageUrl = image(view[idx]);
}
if (options.dataSpriteCssClass) {
tab.spriteCssClass = sprite(view[idx]);
}
tabs[idx] = tab;
}
if (e.action == 'add') {
if (e.index < that.tabGroup.children().length) {
that.insertBefore(tabs, that.tabGroup.children().eq(e.index));
} else {
that.append(tabs);
}
} else if (e.action == 'remove') {
for (idx = 0; idx < view.length; idx++) {
that.remove(e.index);
}
} else if (e.action == 'itemchange') {
idx = that.dataSource.view().indexOf(view[0]);
if (e.field === options.dataTextField) {
that.tabGroup.children().eq(idx).find('.k-link').text(view[0].get(e.field));
}
if (e.field === options.dataUrlField) {
that._contentUrls[idx] = view[0].get(e.field);
}
} else {
that.trigger('dataBinding');
that.remove('li');
that._contentUrls = [];
that.append(tabs);
that.trigger('dataBound');
}
},
value: function (value) {
var that = this;
if (value !== undefined) {
if (value != that.value()) {
that.tabGroup.children().each(function () {
if ($.trim($(this).text()) == value) {
that.select(this);
}
});
}
} else {
return that.select().text();
}
},
items: function () {
return this.tabGroup[0].children;
},
setOptions: function (options) {
var that = this, animation = that.options.animation;
that._animations(options);
if (options.contentUrls) {
that._contentUrls = options.contentUrls;
}
options.animation = extend(true, animation, options.animation);
if (options.navigatable) {
that.wrapper.on('keydown' + NS, that._keyDownProxy);
} else {
that.wrapper.off('keydown' + NS, that._keyDownProxy);
}
Widget.fn.setOptions.call(that, options);
},
events: [
SELECT,
ACTIVATE,
SHOW,
ERROR,
CONTENTLOAD,
'change',
'dataBinding',
'dataBound'
],
options: {
name: 'TabStrip',
dataTextField: '',
dataContentField: '',
dataImageUrlField: '',
dataUrlField: '',
dataSpriteCssClass: '',
dataContentUrlField: '',
tabPosition: 'top',
animation: {
open: {
effects: 'expand:vertical fadeIn',
duration: 200
},
close: { duration: 200 }
},
collapsible: false,
navigatable: true,
contentUrls: false,
scrollable: { distance: 200 }
},
destroy: function () {
var that = this, scrollWrap = that.scrollWrap;
Widget.fn.destroy.call(that);
if (that._refreshHandler) {
that.dataSource.unbind('change', that._refreshHandler);
}
that.wrapper.off(NS);
that.wrapper.children('.k-tabstrip-items').off(NS);
if (that._scrollableModeActive) {
that._scrollPrevButton.off().remove();
that._scrollNextButton.off().remove();
}
kendo.destroy(that.wrapper);
scrollWrap.children('.k-tabstrip').unwrap();
},
select: function (element) {
var that = this;
if (arguments.length === 0) {
return that.tabGroup.children('li.' + ACTIVESTATE);
}
if (!isNaN(element)) {
element = that.tabGroup.children().get(element);
}
element = that.tabGroup.find(element);
$(element).each(function (index, item) {
item = $(item);
if (!item.hasClass(ACTIVESTATE) && !that.trigger(SELECT, {
item: item[0],
contentElement: that.contentHolder(item.index())[0]
})) {
that.activateTab(item);
}
});
return that;
},
enable: function (element, state) {
this._toggleDisabled(element, state !== false);
return this;
},
disable: function (element) {
this._toggleDisabled(element, false);
return this;
},
reload: function (element) {
element = this.tabGroup.find(element);
var that = this;
var contentUrls = that._contentUrls;
element.each(function () {
var item = $(this), contentUrl = item.find('.' + LINK).data(CONTENTURL) || contentUrls[item.index()], content = that.contentHolder(item.index());
if (contentUrl) {
that.ajaxRequest(item, content, null, contentUrl);
}
});
return that;
},
append: function (tab) {
var that = this, inserted = that._create(tab);
each(inserted.tabs, function (idx) {
var contents = inserted.contents[idx];
that.tabGroup.append(this);
if (that.options.tabPosition == 'bottom') {
that.tabGroup.before(contents);
} else if (that._scrollableModeActive) {
that._scrollPrevButton.before(contents);
} else {
that.wrapper.append(contents);
}
that.angular('compile', function () {
return { elements: [contents] };
});
});
updateFirstLast(that.tabGroup);
that._updateContentElements();
that.resize(true);
return that;
},
_appendUrlItem: function (url) {
this._contentUrls.push(url);
},
_moveUrlItem: function (from, to) {
this._contentUrls.splice(to, 0, this._contentUrls.splice(from, 1)[0]);
},
_removeUrlItem: function (index) {
this._contentUrls.splice(index, 1);
},
insertBefore: function (tab, referenceTab) {
if ($(tab).is($(referenceTab))) {
referenceTab = this.tabGroup.find(referenceTab).next();
} else {
referenceTab = this.tabGroup.find(referenceTab);
}
var that = this, inserted = that._create(tab), referenceContent = that.element.find('#' + referenceTab.attr('aria-controls'));
each(inserted.tabs, function (idx) {
var contents = inserted.contents[idx];
var fromIndex = inserted.newTabsCreated ? that._contentUrls.length - (inserted.tabs.length - idx) : $(contents).index() - 1;
referenceTab.before(this);
referenceContent.before(contents);
that._moveUrlItem(fromIndex, $(this).index());
that.angular('compile', function () {
return { elements: [contents] };
});
});
updateFirstLast(that.tabGroup);
that._updateContentElements(inserted.newTabsCreated);
that.resize(true);
return that;
},
insertAfter: function (tab, referenceTab) {
if ($(tab).is($(referenceTab))) {
referenceTab = this.tabGroup.find(referenceTab).prev();
} else {
referenceTab = this.tabGroup.find(referenceTab);
}
var that = this, inserted = that._create(tab), referenceContent = that.element.find('#' + referenceTab.attr('aria-controls'));
each(inserted.tabs, function (idx) {
var contents = inserted.contents[idx];
var fromIndex = inserted.newTabsCreated ? that._contentUrls.length - (inserted.tabs.length - idx) : $(contents).index() - 1;
referenceTab.after(this);
referenceContent.after(contents);
that._moveUrlItem(fromIndex, $(this).index());
that.angular('compile', function () {
return { elements: [contents] };
});
});
updateFirstLast(that.tabGroup);
that._updateContentElements(inserted.newTabsCreated);
that.resize(true);
return that;
},
remove: function (elements) {
var that = this;
var type = typeof elements;
var contents;
if (type === 'string') {
elements = that.tabGroup.find(elements);
} else if (type === 'number') {
elements = that.tabGroup.children().eq(elements);
}
contents = elements.map(function () {
var idx = $(this).index();
var content = that.contentElement(idx);
kendo.destroy(content);
that._removeUrlItem(idx);
return content;
});
elements.remove();
contents.empty();
contents.remove();
that._updateContentElements();
that.resize(true);
return that;
},
_create: function (tab) {
var that = this, tabs, contents, content, newTabsCreated = false;
tab = tab instanceof kendo.data.ObservableArray ? tab.toJSON() : tab;
if ($.isPlainObject(tab) || $.isArray(tab)) {
tab = $.isArray(tab) ? tab : [tab];
newTabsCreated = true;
tabs = map(tab, function (value, idx) {
that._appendUrlItem(tab[idx].contentUrl || null);
return $(TabStrip.renderItem({
group: that.tabGroup,
item: extend(value, { index: idx })
}));
});
contents = map(tab, function (value, idx) {
if (typeof value.content == 'string' || value.contentUrl) {
return $(TabStrip.renderContent({ item: extend(value, { index: idx }) }));
}
});
} else {
if (typeof tab == 'string' && tab[0] != '<') {
tabs = that.element.find(tab);
} else {
tabs = $(tab);
}
contents = $();
tabs.each(function () {
if (/k-tabstrip-items/.test(this.parentNode.className)) {
var element = that.element.find('#' + this.getAttribute('aria-controls'));
content = element;
} else {
content = $('');
}
contents = contents.add(content);
});
updateTabClasses(tabs);
}
return {
tabs: tabs,
contents: contents,
newTabsCreated: newTabsCreated
};
},
_toggleDisabled: function (element, enable) {
element = this.tabGroup.find(element);
element.each(function () {
$(this).toggleClass(DEFAULTSTATE, enable).toggleClass(DISABLEDSTATE, !enable);
});
},
_updateClasses: function () {
var that = this, tabs, activeItem, activeTab;
that.wrapper.addClass('k-widget k-header k-tabstrip');
that.tabGroup = that.wrapper.children('ul').addClass('k-tabstrip-items k-reset');
if (!that.tabGroup[0]) {
that.tabGroup = $('' + '
',
buttonTemplate: '# var iconCssClass= "k-icon k-i-" + kendo.toHyphens(data.cssClass.replace("k-", ""));#' + '#= data.title #',
colorPickerTemplate: '',
comboBoxTemplate: '',
dropDownListTemplate: '',
separatorTemplate: '',
overflowAnchorTemplate: '' + '#= data.title #',
formatByName: function (name, format) {
for (var i = 0; i < format.length; i++) {
if ($.inArray(name, format[i].tags) >= 0) {
return format[i];
}
}
},
getToolCssClass: function (name) {
var toolCssClassNames = {
superscript: 'sup-script',
subscript: 'sub-script',
justifyLeft: 'align-left',
justifyCenter: 'align-center',
justifyRight: 'align-right',
justifyFull: 'align-justify',
insertUnorderedList: 'list-unordered',
insertOrderedList: 'list-ordered',
'import': 'login',
indent: 'indent-increase',
outdent: 'indent-decrease',
createLink: 'link-horizontal',
unlink: 'unlink-horizontal',
insertImage: 'image',
insertFile: 'file-add',
viewHtml: 'html',
foreColor: 'foreground-color',
backColor: 'paint',
createTable: 'table-insert',
addColumnLeft: 'table-column-insert-left',
addColumnRight: 'table-column-insert-right',
addRowAbove: 'table-row-insert-above',
addRowBelow: 'table-row-insert-below',
deleteRow: 'table-row-delete',
deleteColumn: 'table-column-delete',
tableWizard: 'table-properties',
tableWizardInsert: 'table-wizard',
cleanFormatting: 'clear-css'
};
var cssClass = toolCssClassNames[name];
if (cssClass) {
return cssClass;
}
return name;
},
registerTool: function (toolName, tool) {
var toolOptions = tool.options;
if (toolOptions && toolOptions.template) {
toolOptions.template.options.cssClass = 'k-' + EditorUtils.getToolCssClass(toolName);
}
if (!tool.name) {
tool.options.name = toolName;
tool.name = toolName.toLowerCase();
}
Editor.defaultTools[toolName] = tool;
},
registerFormat: function (formatName, format) {
Editor.fn.options.formats[formatName] = format;
}
};
var messages = {
bold: 'Bold',
italic: 'Italic',
underline: 'Underline',
strikethrough: 'Strikethrough',
superscript: 'Superscript',
subscript: 'Subscript',
justifyCenter: 'Center text',
justifyLeft: 'Align text left',
justifyRight: 'Align text right',
justifyFull: 'Justify',
insertUnorderedList: 'Insert unordered list',
insertOrderedList: 'Insert ordered list',
indent: 'Indent',
outdent: 'Outdent',
createLink: 'Insert hyperlink',
unlink: 'Remove hyperlink',
insertImage: 'Insert image',
insertFile: 'Insert file',
insertHtml: 'Insert HTML',
viewHtml: 'View HTML',
fontName: 'Select font family',
fontNameInherit: '(inherited font)',
fontSize: 'Select font size',
fontSizeInherit: '(inherited size)',
formatBlock: 'Format',
formatting: 'Format',
foreColor: 'Color',
backColor: 'Background color',
style: 'Styles',
emptyFolder: 'Empty Folder',
editAreaTitle: 'Editable area. Press F10 for toolbar.',
uploadFile: 'Upload',
overflowAnchor: 'More tools',
orderBy: 'Arrange by:',
orderBySize: 'Size',
orderByName: 'Name',
invalidFileType: 'The selected file "{0}" is not valid. Supported file types are {1}.',
deleteFile: 'Are you sure you want to delete "{0}"?',
overwriteFile: 'A file with name "{0}" already exists in the current directory. Do you want to overwrite it?',
directoryNotFound: 'A directory with this name was not found.',
imageWebAddress: 'Web address',
imageAltText: 'Alternate text',
imageWidth: 'Width (px)',
imageHeight: 'Height (px)',
fileWebAddress: 'Web address',
fileTitle: 'Title',
fileText: 'Text',
linkWebAddress: 'Web address',
linkText: 'Text',
linkToolTip: 'ToolTip',
linkOpenInNewWindow: 'Open link in new window',
dialogUpdate: 'Update',
dialogInsert: 'Insert',
dialogOk: 'Ok',
dialogCancel: 'Cancel',
cleanFormatting: 'Clean formatting',
createTable: 'Create a table',
createTableHint: 'Create a {0} x {1} table',
addColumnLeft: 'Add column on the left',
addColumnRight: 'Add column on the right',
addRowAbove: 'Add row above',
addRowBelow: 'Add row below',
deleteRow: 'Delete row',
deleteColumn: 'Delete column',
tableWizard: 'Table Wizard',
tableTab: 'Table',
cellTab: 'Cell',
accessibilityTab: 'Accessibility',
caption: 'Caption',
summary: 'Summary',
width: 'Width',
height: 'Height',
units: 'Units',
cellSpacing: 'Cell Spacing',
cellPadding: 'Cell Padding',
cellMargin: 'Cell Margin',
alignment: 'Alignment',
background: 'Background',
cssClass: 'CSS Class',
id: 'ID',
border: 'Border',
borderStyle: 'Border Style',
collapseBorders: 'Collapse borders',
wrapText: 'Wrap text',
associateCellsWithHeaders: 'Associate cells with headers',
alignLeft: 'Align Left',
alignCenter: 'Align Center',
alignRight: 'Align Right',
alignLeftTop: 'Align Left Top',
alignCenterTop: 'Align Center Top',
alignRightTop: 'Align Right Top',
alignLeftMiddle: 'Align Left Middle',
alignCenterMiddle: 'Align Center Middle',
alignRightMiddle: 'Align Right Middle',
alignLeftBottom: 'Align Left Bottom',
alignCenterBottom: 'Align Center Bottom',
alignRightBottom: 'Align Right Bottom',
alignRemove: 'Remove Alignment',
columns: 'Columns',
rows: 'Rows',
selectAllCells: 'Select All Cells',
exportAs: 'Export As',
'import': 'Import'
};
var supportedBrowser = !os || os.ios && os.flatVersion >= 500 || !os.ios && typeof document.documentElement.contentEditable != 'undefined';
var toolGroups = {
basic: [
'bold',
'italic',
'underline'
],
alignment: [
'justifyLeft',
'justifyCenter',
'justifyRight'
],
lists: [
'insertUnorderedList',
'insertOrderedList'
],
indenting: [
'indent',
'outdent'
],
links: [
'createLink',
'unlink'
],
tables: [
'tableWizard',
'createTable',
'addColumnLeft',
'addColumnRight',
'addRowAbove',
'addRowBelow',
'deleteRow',
'deleteColumn'
]
};
var Editor = Widget.extend({
init: function (element, options) {
var that = this, value, editorNS = kendo.ui.editor, toolbarContainer, toolbarOptions, type;
var domElement;
var dom = editorNS.Dom;
if (!supportedBrowser) {
return;
}
Widget.fn.init.call(that, element, options);
that.options = deepExtend({}, that.options, options);
that.options.tools = that.options.tools.slice();
element = that.element;
domElement = element[0];
type = dom.name(domElement);
this._registerHandler(element.closest('form'), 'submit', proxy(that.update, that, undefined));
toolbarOptions = extend({}, that.options);
toolbarOptions.editor = that;
if (type == 'textarea') {
that._wrapTextarea();
toolbarContainer = that.wrapper.find('.k-editor-toolbar');
if (domElement.id) {
toolbarContainer.attr('aria-controls', domElement.id);
}
} else {
that.element.attr('contenteditable', true).addClass('k-widget k-editor k-editor-inline');
toolbarOptions.popup = true;
toolbarContainer = $('').insertBefore(element);
}
that.toolbar = new editorNS.Toolbar(toolbarContainer[0], toolbarOptions);
that.toolbar.bindTo(that);
if (type == 'textarea') {
setTimeout(function () {
var heightStyle = that.wrapper[0].style.height;
var expectedHeight = parseInt(heightStyle, 10);
var actualHeight = that.wrapper.height();
if (heightStyle.indexOf('px') > 0 && !isNaN(expectedHeight) && actualHeight > expectedHeight) {
that.wrapper.height(expectedHeight - (actualHeight - expectedHeight));
}
});
}
that._resizable();
that._initializeContentElement(that);
that.keyboard = new editorNS.Keyboard([
new editorNS.BackspaceHandler(that),
new editorNS.TypingHandler(that),
new editorNS.SystemHandler(that),
new editorNS.SelectAllHandler(that)
]);
that.clipboard = new editorNS.Clipboard(this);
that.undoRedoStack = new kendo.util.UndoRedoStack();
if (options && options.value) {
value = options.value;
} else if (that.textarea) {
value = domElement.value;
if (that.options.encoded && $.trim(domElement.defaultValue).length) {
value = domElement.defaultValue;
}
value = value.replace(/[\r\n\v\f\t ]+/gi, ' ');
} else {
value = domElement.innerHTML;
}
that.value(value || kendo.ui.editor.emptyElementContent);
this._registerHandler(document, {
'mousedown': function () {
that._endTyping();
},
'mouseup': function (e) {
that._mouseup(e);
}
});
that._initializeImmutables();
that.toolbar.resize();
kendo.notify(that);
},
setOptions: function (options) {
var editor = this;
Widget.fn.setOptions.call(editor, options);
if (options.tools) {
editor.toolbar.bindTo(editor);
}
},
_endTyping: function () {
var keyboard = this.keyboard;
try {
if (keyboard.isTypingInProgress()) {
keyboard.endTyping(true);
this.saveSelection();
}
} catch (e) {
}
},
_selectionChange: function () {
this._selectionStarted = false;
this.saveSelection();
this.trigger('select', {});
},
_resizable: function () {
var resizable = this.options.resizable;
var isResizable = $.isPlainObject(resizable) ? resizable.content === undefined || resizable.content === true : resizable;
if (isResizable && this.textarea) {
$(']*>/i;
var pixelRe = /^\d+(\.\d*)?(px)?$/i;
var emptyPRe = /
'; var supportsLeadingWhitespace = div.firstChild.nodeType === 3; div = null; var isFunction = $.isFunction; var TD = 'td'; var Serializer = { toEditableHtml: function (html) { return (html || '').replace(//g, '').replace(/<(\/?)script([^>]*)>/gi, '<$1k:script$2>').replace(/]*)>/gi, function (match) {
return match.replace(onerrorRe, '');
}).replace(/(<\/?img[^>]*>)[\r\n\v\f\t ]+/gi, '$1').replace(/^<(table|blockquote)/i, br + '<$1').replace(/^[\s]*( |\u00a0)/i, '$1').replace(/<\/(table|blockquote)>$/i, '' + br);
},
_toEditableImmutables: function (body) {
var immutable = Editor.Immutables.immutable, emptyTextNode = dom.emptyTextNode, first = body.firstChild, last = body.lastChild;
while (emptyTextNode(first)) {
first = first.nextSibling;
}
while (emptyTextNode(last)) {
last = last.previousSibling;
}
if (first && immutable(first)) {
$(br).prependTo(body);
}
if (last && immutable(last)) {
$(br).appendTo(body);
}
},
_fillEmptyElements: function (body) {
$(body).find('p,td').each(function () {
var p = $(this);
if (/^\s*$/g.test(p.text()) && !p.find('img,input').length) {
var node = this;
while (node.firstChild && node.firstChild.nodeType != 3) {
node = node.firstChild;
}
if (node.nodeType == 1 && !dom.empty[dom.name(node)]) {
if (dom.is(node, 'td')) {
node.innerHTML = kendo.ui.editor.emptyTableCellContent;
} else {
node.innerHTML = kendo.ui.editor.emptyElementContent;
}
}
}
});
},
_removeSystemElements: function (body) {
$('.k-paste-container', body).remove();
},
_resetOrderedLists: function (root) {
var ols = root.getElementsByTagName('ol'), i, ol, originalStart;
for (i = 0; i < ols.length; i++) {
ol = ols[i];
originalStart = ol.getAttribute('start');
ol.setAttribute('start', 1);
if (originalStart) {
ol.setAttribute('start', originalStart);
} else {
ol.removeAttribute(originalStart);
}
}
},
_preventScriptExecution: function (root) {
$(root).find('*').each(function () {
var attributes = this.attributes;
var attribute, i, l, name;
for (i = 0, l = attributes.length; i < l; i++) {
attribute = attributes[i];
name = attribute.nodeName;
if (attribute.specified && /^on/i.test(name)) {
this.setAttribute('k-script-' + name, attribute.value);
this.removeAttribute(name);
}
}
});
},
htmlToDom: function (html, root, options) {
var browser = kendo.support.browser;
var msie = browser.msie;
var legacyIE = msie && browser.version < 9;
var originalSrc = 'originalsrc';
var originalHref = 'originalhref';
var o = options || {};
var immutables = o.immutables;
html = Serializer.toEditableHtml(html);
if (legacyIE) {
html = '
' + html; html = html.replace(/href\s*=\s*(?:'|")?([^'">\s]*)(?:'|")?/, originalHref + '="$1"'); html = html.replace(/src\s*=\s*(?:'|")?([^'">\s]*)(?:'|")?/, originalSrc + '="$1"'); } if (isFunction(o.custom)) { html = o.custom(html) || html; } root.innerHTML = html; if (immutables) { immutables.deserialize(root); } if (legacyIE) { dom.remove(root.firstChild); $(root).find('k\\:script,script,link,img,a').each(function () { var node = this; if (node[originalHref]) { node.setAttribute('href', node[originalHref]); node.removeAttribute(originalHref); } if (node[originalSrc]) { node.setAttribute('src', node[originalSrc]); node.removeAttribute(originalSrc); } }); } else if (msie) { dom.normalize(root); Serializer._resetOrderedLists(root); } Serializer._preventScriptExecution(root); Serializer._fillEmptyElements(root); Serializer._removeSystemElements(root); Serializer._toEditableImmutables(root); $('table', root).addClass('k-table'); return root; }, domToXhtml: function (root, options) { var result = []; var immutables = options && options.immutables; function semanticFilter(attributes) { return $.grep(attributes, function (attr) { return attr.name != 'style'; }); } var tagMap = { iframe: { start: function (node) { result.push('');
},
end: function () {
result.push('');
}
},
'k:script': {
start: function (node) {
result.push('');
},
end: function () {
result.push('');
},
skipEncoding: true
},
span: {
semantic: true,
start: function (node) {
var style = node.style;
var attributes = specifiedAttributes(node);
var semanticAttributes = semanticFilter(attributes);
if (semanticAttributes.length) {
result.push('');
}
if (style.textDecoration == 'underline') {
result.push('');
}
var font = [];
if (style.color) {
font.push('color="' + dom.toHex(style.color) + '"');
}
if (style.fontFamily) {
font.push('face="' + style.fontFamily + '"');
}
if (style.fontSize) {
var size = $.inArray(style.fontSize, fontSizeMappings);
font.push('size="' + size + '"');
}
if (font.length) {
result.push('');
}
},
end: function (node) {
var style = node.style;
if (style.color || style.fontFamily || style.fontSize) {
result.push('');
}
if (style.textDecoration == 'underline') {
result.push('');
}
if (semanticFilter(specifiedAttributes(node)).length) {
result.push(' ');
}
}
},
strong: {
semantic: true,
start: function () {
result.push('');
},
end: function () {
result.push('');
}
},
em: {
semantic: true,
start: function () {
result.push('');
},
end: function () {
result.push('');
}
},
b: {
semantic: false,
start: function () {
result.push('');
},
end: function () {
result.push('');
}
},
i: {
semantic: false,
start: function () {
result.push('');
},
end: function () {
result.push('');
}
},
u: {
semantic: false,
start: function () {
result.push('');
},
end: function () {
result.push('');
}
},
font: {
semantic: false,
start: function (node) {
result.push('');
},
end: function () {
result.push('');
}
}
};
tagMap.script = tagMap['k:script'];
options = options || {};
if (typeof options.semantic == 'undefined') {
options.semantic = true;
}
function cssProperties(cssText) {
var trim = $.trim;
var css = trim(cssText);
var match;
var property, value;
var properties = [];
cssDeclaration.lastIndex = 0;
while (true) {
match = cssDeclaration.exec(css);
if (!match) {
break;
}
property = trim(match[1].toLowerCase());
value = trim(match[2]);
if (property == 'font-size-adjust' || property == 'font-stretch') {
continue;
}
if (property.indexOf('color') >= 0) {
value = dom.toHex(value);
} else if (property.indexOf('font') >= 0) {
value = value.replace(quoteRe, '\'');
} else if (/\burl\(/g.test(value)) {
value = value.replace(quoteRe, '');
}
properties.push({
property: property,
value: value
});
}
return properties;
}
function styleAttr(cssText) {
var properties = cssProperties(cssText);
var i;
for (i = 0; i < properties.length; i++) {
result.push(properties[i].property);
result.push(':');
result.push(properties[i].value);
result.push(';');
}
}
function specifiedAttributes(node) {
var result = [];
var attributes = node.attributes;
var attribute, i, l;
var name, value, specified;
for (i = 0, l = attributes.length; i < l; i++) {
attribute = attributes[i];
name = attribute.nodeName;
value = attribute.value;
specified = attribute.specified;
if (name == 'value' && 'value' in node && node.value) {
specified = true;
} else if (name == 'type' && value == 'text') {
specified = true;
} else if (name == 'class' && !value) {
specified = false;
} else if (sizzleAttr.test(name)) {
specified = false;
} else if (name == 'complete') {
specified = false;
} else if (name == 'altHtml') {
specified = false;
} else if (name == 'start' && dom.is(node, 'ul')) {
specified = false;
} else if (name == 'start' && dom.is(node, 'ol') && value == '1') {
specified = false;
} else if (name.indexOf('_moz') >= 0) {
specified = false;
} else if (scriptAttr.test(name)) {
specified = !!options.scripts;
} else if (name == 'data-role' && value == 'resizable' && (dom.is(node, 'tr') || dom.is(node, 'td'))) {
specified = false;
}
if (specified) {
result.push(attribute);
}
}
return result;
}
function attr(node, attributes) {
var i, l, attribute, name, value;
attributes = attributes || specifiedAttributes(node);
if (dom.is(node, 'img')) {
var width = node.style.width, height = node.style.height, $node = $(node);
if (width && pixelRe.test(width)) {
$node.attr('width', parseInt(width, 10));
dom.unstyle(node, { width: undefined });
}
if (height && pixelRe.test(height)) {
$node.attr('height', parseInt(height, 10));
dom.unstyle(node, { height: undefined });
}
}
if (!attributes.length) {
return;
}
attributes.sort(function (a, b) {
return a.nodeName > b.nodeName ? 1 : a.nodeName < b.nodeName ? -1 : 0;
});
for (i = 0, l = attributes.length; i < l; i++) {
attribute = attributes[i];
name = attribute.nodeName;
value = attribute.value;
if (name == 'class' && value == 'k-table') {
continue;
}
name = name.replace(scriptAttr, '');
result.push(' ');
result.push(name);
result.push('="');
if (name == 'style') {
styleAttr(value || node.style.cssText);
} else if (name == 'src' || name == 'href') {
result.push(kendo.htmlEncode(node.getAttribute(name, 2)));
} else {
result.push(dom.fillAttrs[name] ? name : value);
}
result.push('"');
}
}
function children(node, skip, skipEncoding) {
for (var childNode = node.firstChild; childNode; childNode = childNode.nextSibling) {
child(childNode, skip, skipEncoding);
}
}
function text(node) {
return node.nodeValue.replace(/\ufeff/g, '');
}
function isEmptyBomNode(node) {
if (node.nodeValue === '\uFEFF') {
do {
node = node.parentNode;
if (dom.is(node, TD) && node.childNodes.length === 1) {
return true;
}
if (node.childNodes.length !== 1) {
return false;
}
} while (!dom.isBlock(node));
return true;
}
return false;
}
function child(node, skip, skipEncoding) {
var nodeType = node.nodeType, tagName, mapper, parent, value, previous, jqNode;
if (immutables && Editor.Immutables.immutable(node)) {
result.push(immutables.serialize(node));
} else if (nodeType == 1) {
tagName = dom.name(node);
jqNode = $(node);
if (jqNode.hasClass('k-table-resize-handle-wrapper') || jqNode.hasClass('k-column-resize-handle-wrapper') || jqNode.hasClass('k-row-resize-handle-wrapper')) {
return;
}
if (!tagName || dom.insignificant(node)) {
return;
}
if (!options.scripts && (tagName == 'script' || tagName == 'k:script')) {
return;
}
mapper = tagMap[tagName];
if (mapper) {
if (typeof mapper.semantic == 'undefined' || options.semantic ^ mapper.semantic) {
mapper.start(node);
children(node, false, mapper.skipEncoding);
mapper.end(node);
return;
}
}
result.push('<');
result.push(tagName);
attr(node);
if (dom.empty[tagName]) {
result.push(' />');
} else {
result.push('>');
children(node, skip || dom.is(node, 'pre'));
result.push('');
}
} else if (nodeType == 3) {
if (isEmptyBomNode(node)) {
result.push(' ');
return;
}
value = text(node);
if (!skip && supportsLeadingWhitespace) {
parent = node.parentNode;
previous = node.previousSibling;
if (!previous) {
previous = (dom.isInline(parent) ? parent : node).previousSibling;
}
if (!previous || previous.innerHTML === '' || dom.isBlock(previous)) {
value = value.replace(/^[\r\n\v\f\t ]+/, '');
}
value = value.replace(/ +/, ' ');
}
result.push(skipEncoding ? value : dom.encode(value, options));
} else if (nodeType == 4) {
result.push('');
} else if (nodeType == 8) {
if (node.data.indexOf('[CDATA[') < 0) {
result.push('');
} else {
result.push('');
}
}
}
function textOnly(root) {
var childrenCount = root.childNodes.length;
var textChild = childrenCount && root.firstChild.nodeType == 3;
return textChild && (childrenCount == 1 || childrenCount == 2 && dom.insignificant(root.lastChild));
}
function runCustom() {
if ($.isFunction(options.custom)) {
result = options.custom(result) || result;
}
}
if (textOnly(root)) {
result = dom.encode(text(root.firstChild).replace(/[\r\n\v\f\t ]+/, ' '), options);
runCustom();
return result;
}
children(root);
result = result.join('');
runCustom();
if (result.replace(brRe, '').replace(emptyPRe, '') === '') {
return '';
}
return result;
}
};
extend(Editor, { Serializer: Serializer });
}(window.kendo.jQuery));
}, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) {
(a3 || a2)();
}));
(function (f, define) {
define('editor/range', ['editor/serializer'], f);
}(function () {
(function ($) {
var kendo = window.kendo, Class = kendo.Class, extend = $.extend, Editor = kendo.ui.editor, browser = kendo.support.browser, dom = Editor.Dom, findNodeIndex = dom.findNodeIndex, isDataNode = dom.isDataNode, findClosestAncestor = dom.findClosestAncestor, getNodeLength = dom.getNodeLength, normalize = dom.normalize;
var SelectionUtils = {
selectionFromWindow: function (window) {
if (!('getSelection' in window)) {
return new W3CSelection(window.document);
}
return window.getSelection();
},
selectionFromRange: function (range) {
var rangeDocument = RangeUtils.documentFromRange(range);
return SelectionUtils.selectionFromDocument(rangeDocument);
},
selectionFromDocument: function (document) {
return SelectionUtils.selectionFromWindow(dom.windowFromDocument(document));
}
};
var W3CRange = Class.extend({
init: function (doc) {
$.extend(this, {
ownerDocument: doc,
startContainer: doc,
endContainer: doc,
commonAncestorContainer: doc,
startOffset: 0,
endOffset: 0,
collapsed: true
});
},
setStart: function (node, offset) {
this.startContainer = node;
this.startOffset = offset;
updateRangeProperties(this);
fixIvalidRange(this, true);
},
setEnd: function (node, offset) {
this.endContainer = node;
this.endOffset = offset;
updateRangeProperties(this);
fixIvalidRange(this, false);
},
setStartBefore: function (node) {
this.setStart(node.parentNode, findNodeIndex(node));
},
setStartAfter: function (node) {
this.setStart(node.parentNode, findNodeIndex(node) + 1);
},
setEndBefore: function (node) {
this.setEnd(node.parentNode, findNodeIndex(node));
},
setEndAfter: function (node) {
this.setEnd(node.parentNode, findNodeIndex(node) + 1);
},
selectNode: function (node) {
this.setStartBefore(node);
this.setEndAfter(node);
},
selectNodeContents: function (node) {
this.setStart(node, 0);
this.setEnd(node, node[node.nodeType === 1 ? 'childNodes' : 'nodeValue'].length);
},
collapse: function (toStart) {
var that = this;
if (toStart) {
that.setEnd(that.startContainer, that.startOffset);
} else {
that.setStart(that.endContainer, that.endOffset);
}
},
deleteContents: function () {
var that = this, range = that.cloneRange();
if (that.startContainer != that.commonAncestorContainer) {
that.setStartAfter(findClosestAncestor(that.commonAncestorContainer, that.startContainer));
}
that.collapse(true);
(function deleteSubtree(iterator) {
while (iterator.next()) {
if (iterator.hasPartialSubtree()) {
deleteSubtree(iterator.getSubtreeIterator());
} else {
iterator.remove();
}
}
}(new RangeIterator(range)));
},
cloneContents: function () {
var document = RangeUtils.documentFromRange(this);
return function cloneSubtree(iterator) {
var node, frag = document.createDocumentFragment();
while (node = iterator.next()) {
node = node.cloneNode(!iterator.hasPartialSubtree());
if (iterator.hasPartialSubtree()) {
node.appendChild(cloneSubtree(iterator.getSubtreeIterator()));
}
frag.appendChild(node);
}
return frag;
}(new RangeIterator(this));
},
extractContents: function () {
var that = this, range = that.cloneRange();
if (that.startContainer != that.commonAncestorContainer) {
that.setStartAfter(findClosestAncestor(that.commonAncestorContainer, that.startContainer));
}
that.collapse(true);
var document = RangeUtils.documentFromRange(that);
return function extractSubtree(iterator) {
var node, frag = document.createDocumentFragment();
while (node = iterator.next()) {
if (iterator.hasPartialSubtree()) {
node = node.cloneNode(false);
node.appendChild(extractSubtree(iterator.getSubtreeIterator()));
} else {
iterator.remove(that.originalRange);
}
frag.appendChild(node);
}
return frag;
}(new RangeIterator(range));
},
insertNode: function (node) {
var that = this;
if (isDataNode(that.startContainer)) {
if (that.startOffset != that.startContainer.nodeValue.length) {
dom.splitDataNode(that.startContainer, that.startOffset);
}
dom.insertAfter(node, that.startContainer);
} else {
dom.insertAt(that.startContainer, node, that.startOffset);
}
that.setStart(that.startContainer, that.startOffset);
},
cloneRange: function () {
return $.extend(new W3CRange(this.ownerDocument), {
startContainer: this.startContainer,
endContainer: this.endContainer,
commonAncestorContainer: this.commonAncestorContainer,
startOffset: this.startOffset,
endOffset: this.endOffset,
collapsed: this.collapsed,
originalRange: this
});
},
toString: function () {
var startNodeName = this.startContainer.nodeName, endNodeName = this.endContainer.nodeName;
return [
startNodeName == '#text' ? this.startContainer.nodeValue : startNodeName,
'(',
this.startOffset,
') : ',
endNodeName == '#text' ? this.endContainer.nodeValue : endNodeName,
'(',
this.endOffset,
')'
].join('');
}
});
W3CRange.fromNode = function (node) {
return new W3CRange(node.ownerDocument);
};
function compareBoundaries(start, end, startOffset, endOffset) {
if (start == end) {
return endOffset - startOffset;
}
var container = end;
while (container && container.parentNode != start) {
container = container.parentNode;
}
if (container) {
return findNodeIndex(container) - startOffset;
}
container = start;
while (container && container.parentNode != end) {
container = container.parentNode;
}
if (container) {
return endOffset - findNodeIndex(container) - 1;
}
var root = dom.commonAncestor(start, end);
var startAncestor = start;
while (startAncestor && startAncestor.parentNode != root) {
startAncestor = startAncestor.parentNode;
}
if (!startAncestor) {
startAncestor = root;
}
var endAncestor = end;
while (endAncestor && endAncestor.parentNode != root) {
endAncestor = endAncestor.parentNode;
}
if (!endAncestor) {
endAncestor = root;
}
if (startAncestor == endAncestor) {
return 0;
}
return findNodeIndex(endAncestor) - findNodeIndex(startAncestor);
}
function fixIvalidRange(range, toStart) {
function isInvalidRange(range) {
try {
return compareBoundaries(range.startContainer, range.endContainer, range.startOffset, range.endOffset) < 0;
} catch (ex) {
return true;
}
}
if (isInvalidRange(range)) {
if (toStart) {
range.commonAncestorContainer = range.endContainer = range.startContainer;
range.endOffset = range.startOffset;
} else {
range.commonAncestorContainer = range.startContainer = range.endContainer;
range.startOffset = range.endOffset;
}
range.collapsed = true;
}
}
function updateRangeProperties(range) {
range.collapsed = range.startContainer == range.endContainer && range.startOffset == range.endOffset;
var node = range.startContainer;
while (node && node != range.endContainer && !dom.isAncestorOf(node, range.endContainer)) {
node = node.parentNode;
}
range.commonAncestorContainer = node;
}
var RangeIterator = Class.extend({
init: function (range) {
$.extend(this, {
range: range,
_current: null,
_next: null,
_end: null
});
if (range.collapsed) {
return;
}
var root = range.commonAncestorContainer;
this._next = range.startContainer == root && !isDataNode(range.startContainer) ? range.startContainer.childNodes[range.startOffset] : findClosestAncestor(root, range.startContainer);
this._end = range.endContainer == root && !isDataNode(range.endContainer) ? range.endContainer.childNodes[range.endOffset] : findClosestAncestor(root, range.endContainer).nextSibling;
},
hasNext: function () {
return !!this._next;
},
next: function () {
var that = this, current = that._current = that._next;
that._next = that._current && that._current.nextSibling != that._end ? that._current.nextSibling : null;
if (isDataNode(that._current)) {
if (that.range.endContainer == that._current) {
current = current.cloneNode(true);
current.deleteData(that.range.endOffset, current.length - that.range.endOffset);
}
if (that.range.startContainer == that._current) {
current = current.cloneNode(true);
current.deleteData(0, that.range.startOffset);
}
}
return current;
},
traverse: function (callback) {
var that = this, current;
function next() {
that._current = that._next;
that._next = that._current && that._current.nextSibling != that._end ? that._current.nextSibling : null;
return that._current;
}
while (current = next()) {
if (that.hasPartialSubtree()) {
that.getSubtreeIterator().traverse(callback);
} else {
callback(current);
}
}
return current;
},
remove: function (originalRange) {
var that = this, inStartContainer = that.range.startContainer == that._current, inEndContainer = that.range.endContainer == that._current, start, end, delta;
if (isDataNode(that._current) && (inStartContainer || inEndContainer)) {
start = inStartContainer ? that.range.startOffset : 0;
end = inEndContainer ? that.range.endOffset : that._current.length;
delta = end - start;
if (originalRange && (inStartContainer || inEndContainer)) {
if (that._current == originalRange.startContainer && start <= originalRange.startOffset) {
originalRange.startOffset -= delta;
}
if (that._current == originalRange.endContainer && end <= originalRange.endOffset) {
originalRange.endOffset -= delta;
}
}
that._current.deleteData(start, delta);
} else {
var parent = that._current.parentNode;
if (originalRange && (that.range.startContainer == parent || that.range.endContainer == parent)) {
var nodeIndex = findNodeIndex(that._current);
if (parent == originalRange.startContainer && nodeIndex <= originalRange.startOffset) {
originalRange.startOffset -= 1;
}
if (parent == originalRange.endContainer && nodeIndex < originalRange.endOffset) {
originalRange.endOffset -= 1;
}
}
dom.remove(that._current);
}
},
hasPartialSubtree: function () {
return !isDataNode(this._current) && (dom.isAncestorOrSelf(this._current, this.range.startContainer) || dom.isAncestorOrSelf(this._current, this.range.endContainer));
},
getSubtreeIterator: function () {
return new RangeIterator(this.getSubRange());
},
getSubRange: function () {
var that = this, subRange = that.range.cloneRange();
subRange.selectNodeContents(that._current);
if (dom.isAncestorOrSelf(that._current, that.range.startContainer)) {
subRange.setStart(that.range.startContainer, that.range.startOffset);
}
if (dom.isAncestorOrSelf(that._current, that.range.endContainer)) {
subRange.setEnd(that.range.endContainer, that.range.endOffset);
}
return subRange;
}
});
var W3CSelection = Class.extend({
init: function (doc) {
this.ownerDocument = doc;
this.rangeCount = 1;
},
addRange: function (range) {
var textRange = this.ownerDocument.body.createTextRange();
adoptContainer(textRange, range, false);
adoptContainer(textRange, range, true);
textRange.select();
},
removeAllRanges: function () {
var selection = this.ownerDocument.selection;
if (selection.type != 'None') {
selection.empty();
}
},
getRangeAt: function () {
var textRange, range = new W3CRange(this.ownerDocument), selection = this.ownerDocument.selection, element, commonAncestor;
try {
textRange = selection.createRange();
element = textRange.item ? textRange.item(0) : textRange.parentElement();
if (element.ownerDocument != this.ownerDocument) {
return range;
}
} catch (ex) {
return range;
}
if (selection.type == 'Control') {
range.selectNode(textRange.item(0));
} else {
commonAncestor = textRangeContainer(textRange);
adoptEndPoint(textRange, range, commonAncestor, true);
adoptEndPoint(textRange, range, commonAncestor, false);
if (range.startContainer.nodeType == 9) {
range.setStart(range.endContainer, range.startOffset);
}
if (range.endContainer.nodeType == 9) {
range.setEnd(range.startContainer, range.endOffset);
}
if (textRange.compareEndPoints('StartToEnd', textRange) === 0) {
range.collapse(false);
}
var startContainer = range.startContainer, endContainer = range.endContainer, body = this.ownerDocument.body;
if (!range.collapsed && range.startOffset === 0 && range.endOffset == getNodeLength(range.endContainer) && !(startContainer == endContainer && isDataNode(startContainer) && startContainer.parentNode == body)) {
var movedStart = false, movedEnd = false;
while (findNodeIndex(startContainer) === 0 && startContainer == startContainer.parentNode.firstChild && startContainer != body) {
startContainer = startContainer.parentNode;
movedStart = true;
}
while (findNodeIndex(endContainer) == getNodeLength(endContainer.parentNode) - 1 && endContainer == endContainer.parentNode.lastChild && endContainer != body) {
endContainer = endContainer.parentNode;
movedEnd = true;
}
if (startContainer == body && endContainer == body && movedStart && movedEnd) {
range.setStart(startContainer, 0);
range.setEnd(endContainer, getNodeLength(body));
}
}
}
return range;
}
});
function textRangeContainer(textRange) {
var left = textRange.duplicate(), right = textRange.duplicate();
left.collapse(true);
right.collapse(false);
return dom.commonAncestor(textRange.parentElement(), left.parentElement(), right.parentElement());
}
function adoptContainer(textRange, range, start) {
var container = range[start ? 'startContainer' : 'endContainer'], offset = range[start ? 'startOffset' : 'endOffset'], textOffset = 0, isData = isDataNode(container), anchorNode = isData ? container : container.childNodes[offset] || null, anchorParent = isData ? container.parentNode : container, doc = range.ownerDocument, cursor = doc.body.createTextRange(), cursorNode;
if (container.nodeType == 3 || container.nodeType == 4) {
textOffset = offset;
}
if (!anchorParent) {
anchorParent = doc.body;
}
if (anchorParent.nodeName.toLowerCase() == 'img') {
cursor.moveToElementText(anchorParent);
cursor.collapse(false);
textRange.setEndPoint(start ? 'StartToStart' : 'EndToStart', cursor);
} else {
cursorNode = anchorParent.insertBefore(dom.create(doc, 'a'), anchorNode);
cursor.moveToElementText(cursorNode);
dom.remove(cursorNode);
cursor[start ? 'moveStart' : 'moveEnd']('character', textOffset);
cursor.collapse(false);
textRange.setEndPoint(start ? 'StartToStart' : 'EndToStart', cursor);
}
}
function adoptEndPoint(textRange, range, commonAncestor, start) {
var cursorNode = dom.create(range.ownerDocument, 'a'), cursor = textRange.duplicate(), comparison = start ? 'StartToStart' : 'StartToEnd', result, parent, target, previous, next, args, index, appended = false;
cursorNode.innerHTML = '\uFEFF';
cursor.collapse(start);
parent = cursor.parentElement();
if (!dom.isAncestorOrSelf(commonAncestor, parent)) {
parent = commonAncestor;
}
do {
if (appended) {
parent.insertBefore(cursorNode, cursorNode.previousSibling);
} else {
parent.appendChild(cursorNode);
appended = true;
}
cursor.moveToElementText(cursorNode);
} while ((result = cursor.compareEndPoints(comparison, textRange)) > 0 && cursorNode.previousSibling);
target = cursorNode.nextSibling;
if (result == -1 && isDataNode(target)) {
cursor.setEndPoint(start ? 'EndToStart' : 'EndToEnd', textRange);
dom.remove(cursorNode);
args = [
target,
cursor.text.length
];
} else {
previous = !start && cursorNode.previousSibling;
next = start && cursorNode.nextSibling;
if (isDataNode(next)) {
args = [
next,
0
];
} else if (isDataNode(previous)) {
args = [
previous,
previous.length
];
} else {
index = findNodeIndex(cursorNode);
if (parent.nextSibling && index == parent.childNodes.length - 1) {
args = [
parent.nextSibling,
0
];
} else {
args = [
parent,
index
];
}
}
dom.remove(cursorNode);
}
range[start ? 'setStart' : 'setEnd'].apply(range, args);
}
var RangeEnumerator = Class.extend({
init: function (range) {
this.enumerate = function () {
var nodes = [];
function visit(node) {
if (dom.is(node, 'img') || node.nodeType == 3 && (!dom.isEmptyspace(node) || node.nodeValue == '\uFEFF')) {
nodes.push(node);
} else {
node = node.firstChild;
while (node) {
visit(node);
node = node.nextSibling;
}
}
}
new RangeIterator(range).traverse(visit);
return nodes;
};
}
});
var ImmutablesRangeIterator = RangeIterator.extend({
hasPartialSubtree: function () {
var immutable = Editor.Immutables && Editor.Immutables.immutable;
return immutable && !immutable(this._current) && RangeIterator.fn.hasPartialSubtree.call(this);
},
getSubtreeIterator: function () {
return new ImmutablesRangeIterator(this.getSubRange());
}
});
var ImmutablesRangeEnumerator = Class.extend({
init: function (range) {
this.enumerate = function () {
var nodes = [];
var immutable = Editor.Immutables && Editor.Immutables.immutable;
function visit(node) {
if (immutable && !immutable(node)) {
if (dom.is(node, 'img') || node.nodeType == 3 && (!dom.isEmptyspace(node) || node.nodeValue == '\uFEFF')) {
nodes.push(node);
} else {
node = node.firstChild;
while (node) {
visit(node);
node = node.nextSibling;
}
}
}
}
new ImmutablesRangeIterator(range).traverse(visit);
return nodes;
};
}
});
var RestorePoint = Class.extend({
init: function (range, body, options) {
var that = this;
that.range = range;
that.rootNode = RangeUtils.documentFromRange(range);
that.body = body || that.getEditable(range);
if (dom.name(that.body) != 'body') {
that.rootNode = that.body;
}
that.startContainer = that.nodeToPath(range.startContainer);
that.endContainer = that.nodeToPath(range.endContainer);
that.startOffset = that.offset(range.startContainer, range.startOffset);
that.endOffset = that.offset(range.endContainer, range.endOffset);
that.immutables = options && options.immutables;
if (that.immutables) {
that.serializedImmutables = Editor.Immutables.removeImmutables(that.body);
}
that.html = that.body.innerHTML;
if (that.immutables && !that.serializedImmutables.empty) {
Editor.Immutables.restoreImmutables(that.body, that.serializedImmutables);
}
},
index: function (node) {
var result = 0, lastType = node.nodeType;
while (node = node.previousSibling) {
var nodeType = node.nodeType;
if (nodeType != 3 || lastType != nodeType) {
result++;
}
lastType = nodeType;
}
return result;
},
getEditable: function (range) {
var root = range.commonAncestorContainer;
while (root && (root.nodeType == 3 || root.attributes && (!root.attributes.contentEditable || root.attributes.contentEditable.nodeValue.toLowerCase() == 'false'))) {
root = root.parentNode;
}
return root;
},
restoreHtml: function () {
var that = this;
dom.removeChildren(that.body);
that.body.innerHTML = that.html;
if (that.immutables && !that.serializedImmutables.empty) {
Editor.Immutables.restoreImmutables(that.body, that.serializedImmutables);
}
},
offset: function (node, value) {
if (node.nodeType == 3) {
while ((node = node.previousSibling) && node.nodeType == 3) {
value += node.nodeValue.length;
}
}
return value;
},
nodeToPath: function (node) {
var path = [];
while (node != this.rootNode) {
path.push(this.index(node));
node = node.parentNode;
}
return path;
},
toRangePoint: function (range, start, path, denormalizedOffset) {
var node = this.rootNode, length = path.length, offset = denormalizedOffset;
while (length--) {
node = node.childNodes[path[length]];
}
while (node && node.nodeType == 3 && node.nodeValue.length < offset) {
offset -= node.nodeValue.length;
node = node.nextSibling;
}
if (node && offset >= 0) {
range[start ? 'setStart' : 'setEnd'](node, offset);
}
},
toRange: function () {
var that = this, result = that.range.cloneRange();
that.toRangePoint(result, true, that.startContainer, that.startOffset);
that.toRangePoint(result, false, that.endContainer, that.endOffset);
return result;
}
});
var Marker = Class.extend({
init: function () {
this.caret = null;
},
addCaret: function (range) {
var that = this;
var caret = that.caret = dom.create(RangeUtils.documentFromRange(range), 'span', { className: 'k-marker' });
range.insertNode(caret);
dom.stripBomNode(caret.previousSibling);
dom.stripBomNode(caret.nextSibling);
range.selectNode(caret);
return caret;
},
removeCaret: function (range) {
var that = this, previous = that.caret.previousSibling, startOffset = 0;
if (previous) {
startOffset = isDataNode(previous) ? previous.nodeValue.length : findNodeIndex(previous);
}
var container = that.caret.parentNode;
var containerIndex = previous ? findNodeIndex(previous) : 0;
dom.remove(that.caret);
normalize(container);
var node = container.childNodes[containerIndex];
if (isDataNode(node)) {
range.setStart(node, startOffset);
} else if (node) {
var textNode = dom.lastTextNode(node);
if (textNode) {
range.setStart(textNode, textNode.nodeValue.length);
} else {
range[previous ? 'setStartAfter' : 'setStartBefore'](node);
}
} else {
if (!browser.msie && !container.innerHTML) {
container.innerHTML = '
'; } range.selectNodeContents(container); } range.collapse(true); }, add: function (range, expand) { var that = this; var collapsed = range.collapsed && !RangeUtils.isExpandable(range); var doc = RangeUtils.documentFromRange(range); if (expand && range.collapsed) { that.addCaret(range); range = RangeUtils.expand(range); } var rangeBoundary = range.cloneRange(); rangeBoundary.collapse(false); that.end = dom.create(doc, 'span', { className: 'k-marker' }); rangeBoundary.insertNode(that.end); rangeBoundary = range.cloneRange(); rangeBoundary.collapse(true); that.start = that.end.cloneNode(true); rangeBoundary.insertNode(that.start); that._removeDeadMarkers(that.start, that.end); if (collapsed) { var bom = doc.createTextNode('\uFEFF'); dom.insertAfter(bom.cloneNode(), that.start); dom.insertBefore(bom, that.end); } normalize(range.commonAncestorContainer); range.setStartBefore(that.start); range.setEndAfter(that.end); return range; }, _removeDeadMarkers: function (start, end) { if (start.previousSibling && start.previousSibling.nodeValue == '\uFEFF') { dom.remove(start.previousSibling); } if (end.nextSibling && end.nextSibling.nodeValue == '\uFEFF') { dom.remove(end.nextSibling); } }, _normalizedIndex: function (node) { var index = findNodeIndex(node); var pointer = node; while (pointer.previousSibling) { if (pointer.nodeType == 3 && pointer.previousSibling.nodeType == 3) { index--; } pointer = pointer.previousSibling; } return index; }, remove: function (range) { var that = this, start = that.start, end = that.end, shouldNormalizeStart, shouldNormalizeEnd, shouldNormalize; normalize(range.commonAncestorContainer); while (!start.nextSibling && start.parentNode) { start = start.parentNode; } while (!end.previousSibling && end.parentNode) { end = end.parentNode; } shouldNormalizeStart = start.previousSibling && start.previousSibling.nodeType == 3 && (start.nextSibling && start.nextSibling.nodeType == 3); shouldNormalizeEnd = end.previousSibling && end.previousSibling.nodeType == 3 && (end.nextSibling && end.nextSibling.nodeType == 3); shouldNormalize = shouldNormalizeStart && shouldNormalizeEnd; start = start.nextSibling; end = end.previousSibling; var collapsed = false; var collapsedToStart = false; if (start == that.end) { collapsedToStart = !!that.start.previousSibling; start = end = that.start.previousSibling || that.end.nextSibling; collapsed = true; } dom.remove(that.start); dom.remove(that.end); if (!start || !end) { range.selectNodeContents(range.commonAncestorContainer); range.collapse(true); return; } var startOffset = collapsed ? isDataNode(start) ? start.nodeValue.length : start.childNodes.length : 0; var endOffset = isDataNode(end) ? end.nodeValue.length : end.childNodes.length; if (start.nodeType == 3) { while (start.previousSibling && start.previousSibling.nodeType == 3) { start = start.previousSibling; startOffset += start.nodeValue.length; } } if (end.nodeType == 3) { while (end.previousSibling && end.previousSibling.nodeType == 3) { end = end.previousSibling; endOffset += end.nodeValue.length; } } var startParent = start.parentNode; var endParent = end.parentNode; var startIndex = this._normalizedIndex(start); var endIndex = this._normalizedIndex(end); normalize(startParent); if (start.nodeType == 3) { start = startParent.childNodes[startIndex]; } normalize(endParent); if (end.nodeType == 3) { end = endParent.childNodes[endIndex]; } if (collapsed) { if (start.nodeType == 3) { range.setStart(start, startOffset); } else { range[collapsedToStart ? 'setStartAfter' : 'setStartBefore'](start); } range.collapse(true); } else { if (start.nodeType == 3) { range.setStart(start, startOffset); } else { range.setStartBefore(start); } if (end.nodeType == 3) { range.setEnd(end, endOffset); } else { range.setEndAfter(end); } } if (that.caret) { that.removeCaret(range); } } }); var boundary = /[\u0009-\u000d]|\u0020|\u00a0|\ufeff|\.|,|;|:|!|\(|\)|\?/; var RangeUtils = { nodes: function (range) { var nodes = RangeUtils.textNodes(range); if (!nodes.length) { range.selectNodeContents(range.commonAncestorContainer); nodes = RangeUtils.textNodes(range); if (!nodes.length) { nodes = dom.significantChildNodes(range.commonAncestorContainer); } } return nodes; }, textNodes: function (range) { return new RangeEnumerator(range).enumerate(); }, editableTextNodes: function (range) { var nodes = [], immutableParent = Editor.Immutables && Editor.Immutables.immutableParent; if (immutableParent && !immutableParent(range.commonAncestorContainer)) { nodes = new ImmutablesRangeEnumerator(range).enumerate(); } return nodes; }, documentFromRange: function (range) { var startContainer = range.startContainer; return startContainer.nodeType == 9 ? startContainer : startContainer.ownerDocument; }, createRange: function (document) { if (browser.msie && browser.version < 9) { return new W3CRange(document); } return document.createRange(); }, selectRange: function (range) { var image = RangeUtils.image(range); if (image) { range.setStartAfter(image); range.setEndAfter(image); } var selection = SelectionUtils.selectionFromRange(range); selection.removeAllRanges(); selection.addRange(range); }, stringify: function (range) { return kendo.format('{0}:{1} - {2}:{3}', dom.name(range.startContainer), range.startOffset, dom.name(range.endContainer), range.endOffset); }, split: function (range, node, trim) { function partition(start) { var partitionRange = range.cloneRange(); partitionRange.collapse(start); partitionRange[start ? 'setStartBefore' : 'setEndAfter'](node); var contents = partitionRange.extractContents(); if (trim) { contents = dom.trim(contents); } dom[start ? 'insertBefore' : 'insertAfter'](contents, node); } partition(true); partition(false); }, mapAll: function (range, map) { var nodes = []; new RangeIterator(range).traverse(function (node) { var mapped = map(node); if (mapped && $.inArray(mapped, nodes) < 0) { nodes.push(mapped); } }); return nodes; }, getAll: function (range, predicate) { var selector = predicate; if (typeof predicate == 'string') { predicate = function (node) { return dom.is(node, selector); }; } return RangeUtils.mapAll(range, function (node) { if (predicate(node)) { return node; } }); }, getMarkers: function (range) { return RangeUtils.getAll(range, function (node) { return node.className == 'k-marker'; }); }, image: function (range) { var nodes = RangeUtils.getAll(range, 'img'); if (nodes.length == 1) { return nodes[0]; } }, isStartOf: function (originalRange, node) { if (originalRange.startOffset !== 0) { return false; } var range = originalRange.cloneRange(); while (range.startOffset === 0 && range.startContainer != node) { var index = dom.findNodeIndex(range.startContainer); var parent = range.startContainer.parentNode; while (index > 0 && parent[index - 1] && dom.insignificant(parent[index - 1])) { index--; } range.setStart(parent, index); } return range.startOffset === 0 && range.startContainer == node; }, isEndOf: function (originalRange, node) { var range = originalRange.cloneRange(); range.collapse(false); var start = range.startContainer; if (dom.isDataNode(start) && range.startOffset == dom.getNodeLength(start)) { range.setStart(start.parentNode, dom.findNodeIndex(start) + 1); range.collapse(true); } range.setEnd(node, dom.getNodeLength(node)); var nodes = []; function visit(node) { if (!dom.insignificant(node)) { nodes.push(node); } } new RangeIterator(range).traverse(visit); return !nodes.length; }, wrapSelectedElements: function (range) { var startEditable = dom.editableParent(range.startContainer); var endEditable = dom.editableParent(range.endContainer); while (range.startOffset === 0 && range.startContainer != startEditable) { range.setStart(range.startContainer.parentNode, dom.findNodeIndex(range.startContainer)); } function isEnd(offset, container) { var length = dom.getNodeLength(container); if (offset == length) { return true; } for (var i = offset; i < length; i++) { if (!dom.insignificant(container.childNodes[i])) { return false; } } return true; } while (isEnd(range.endOffset, range.endContainer) && range.endContainer != endEditable) { range.setEnd(range.endContainer.parentNode, dom.findNodeIndex(range.endContainer) + 1); } return range; }, expand: function (range) { var result = range.cloneRange(); var startContainer = result.startContainer.childNodes[result.startOffset === 0 ? 0 : result.startOffset - 1]; var endContainer = result.endContainer.childNodes[result.endOffset]; if (!isDataNode(startContainer) || !isDataNode(endContainer)) { return result; } var beforeCaret = startContainer.nodeValue; var afterCaret = endContainer.nodeValue; if (!beforeCaret || !afterCaret) { return result; } var startOffset = beforeCaret.split('').reverse().join('').search(boundary); var endOffset = afterCaret.search(boundary); if (!startOffset || !endOffset) { return result; } endOffset = endOffset == -1 ? afterCaret.length : endOffset; startOffset = startOffset == -1 ? 0 : beforeCaret.length - startOffset; result.setStart(startContainer, startOffset); result.setEnd(endContainer, endOffset); return result; }, isExpandable: function (range) { var node = range.startContainer; var rangeDocument = RangeUtils.documentFromRange(range); if (node == rangeDocument || node == rangeDocument.body) { return false; } var result = range.cloneRange(); var value = node.nodeValue; if (!value) { return false; } var beforeCaret = value.substring(0, result.startOffset); var afterCaret = value.substring(result.startOffset); var startOffset = 0, endOffset = 0; if (beforeCaret) { startOffset = beforeCaret.split('').reverse().join('').search(boundary); } if (afterCaret) { endOffset = afterCaret.search(boundary); } return startOffset && endOffset; } }; extend(Editor, { SelectionUtils: SelectionUtils, W3CRange: W3CRange, RangeIterator: RangeIterator, W3CSelection: W3CSelection, RangeEnumerator: RangeEnumerator, RestorePoint: RestorePoint, Marker: Marker, RangeUtils: RangeUtils }); }(window.kendo.jQuery)); }, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) { (a3 || a2)(); })); (function (f, define) { define('editor/system', ['editor/range'], f); }(function () { (function ($) { var kendo = window.kendo, Class = kendo.Class, editorNS = kendo.ui.editor, EditorUtils = editorNS.EditorUtils, RangeUtils = editorNS.RangeUtils, registerTool = EditorUtils.registerTool, dom = editorNS.Dom, Tool = editorNS.Tool, ToolTemplate = editorNS.ToolTemplate, RestorePoint = editorNS.RestorePoint, Marker = editorNS.Marker, browser = kendo.support.browser, br = '
', extend = $.extend; var nodeTypes = dom.nodeTypes; var PREVIOUS_SIBLING = 'previousSibling'; function finishUpdate(editor, startRestorePoint) { var endRestorePoint = editor.selectionRestorePoint = new RestorePoint(editor.getRange(), editor.body); var command = new GenericCommand(startRestorePoint, endRestorePoint); command.editor = editor; editor.undoRedoStack.push(command); return endRestorePoint; } function selected(node, range) { return range.startContainer === node && range.endContainer === node && range.startOffset === 0 && range.endOffset == node.childNodes.length; } function getSibling(node, direction, condition) { var sibling = node ? node[direction] : null; while (sibling && !condition(sibling)) { sibling = sibling[direction]; } return sibling; } var Command = Class.extend({ init: function (options) { this.options = options; this.restorePoint = new RestorePoint(options.range, options.body, { immutables: options.immutables }); this.marker = new Marker(); this.formatter = options.formatter; }, getRange: function () { return this.restorePoint.toRange(); }, lockRange: function (expand) { return this.marker.add(this.getRange(), expand); }, releaseRange: function (range) { this.marker.remove(range); this.editor.selectRange(range); }, undo: function () { var point = this.restorePoint; point.restoreHtml(); this.editor.selectRange(point.toRange()); }, redo: function () { this.exec(); }, createDialog: function (content, options) { var editor = this.editor; return $(content).appendTo(document.body).kendoWindow(extend({}, editor.options.dialogOptions, options)).closest('.k-window').toggleClass('k-rtl', kendo.support.isRtl(editor.wrapper)).end(); }, exec: function () { var range = this.lockRange(true); this.formatter.editor = this.editor; this.formatter.toggle(range); this.releaseRange(range); }, immutables: function () { return this.editor && this.editor.options.immutables; }, expandImmutablesIn: function (range) { if (this.immutables()) { kendo.ui.editor.Immutables.expandImmutablesIn(range); this.restorePoint = new RestorePoint(range, this.editor.body); } } }); var GenericCommand = Class.extend({ init: function (startRestorePoint, endRestorePoint) { this.body = startRestorePoint.body; this.startRestorePoint = startRestorePoint; this.endRestorePoint = endRestorePoint; }, redo: function () { dom.removeChildren(this.body); this.body.innerHTML = this.endRestorePoint.html; this.editor.selectRange(this.endRestorePoint.toRange()); }, undo: function () { dom.removeChildren(this.body); this.body.innerHTML = this.startRestorePoint.html; this.editor.selectRange(this.startRestorePoint.toRange()); } }); var InsertHtmlCommand = Command.extend({ init: function (options) { Command.fn.init.call(this, options); this.managesUndoRedo = true; }, exec: function () { var editor = this.editor; var options = this.options; var range = options.range; var body = editor.body; var startRestorePoint = new RestorePoint(range, body); var html = options.html || options.value || ''; editor.selectRange(range); editor.clipboard.paste(html, options); if (options.postProcess) { options.postProcess(editor, editor.getRange()); } var genericCommand = new GenericCommand(startRestorePoint, new RestorePoint(editor.getRange(), body)); genericCommand.editor = editor; editor.undoRedoStack.push(genericCommand); editor.focus(); } }); var InsertHtmlTool = Tool.extend({ initialize: function (ui, initOptions) { var editor = initOptions.editor, options = this.options, dataSource = options.items ? options.items : editor.options.insertHtml; this._selectBox = new editorNS.SelectBox(ui, { dataSource: dataSource, dataTextField: 'text', dataValueField: 'value', change: function () { Tool.exec(editor, 'insertHtml', this.value()); }, title: editor.options.messages.insertHtml, highlightFirst: false }); }, command: function (commandArguments) { return new InsertHtmlCommand(commandArguments); }, update: function (ui) { var selectbox = ui.data('kendoSelectBox') || ui.find('select').data('kendoSelectBox'); selectbox.close(); selectbox.value(selectbox.options.title); } }); var tableCells = 'td,th,caption'; var tableCellsWrappers = 'table,tbody,thead,tfoot,tr'; var tableElements = tableCellsWrappers + ',' + tableCells; var inTable = function (range) { return !range.collapsed && $(range.commonAncestorContainer).is(tableCellsWrappers); }; var RemoveTableContent = Class.extend({ remove: function (range) { var that = this; var marker = new Marker(); marker.add(range, false); var nodes = RangeUtils.getAll(range, function (node) { return $(node).is(tableElements); }); var doc = RangeUtils.documentFromRange(range); var start = marker.start; var end = marker.end; var cellsTypes = tableCells.split(','); var startCell = dom.parentOfType(start, cellsTypes); var endCell = dom.parentOfType(end, cellsTypes); that._removeContent(start, startCell, true); that._removeContent(end, endCell, false); $(nodes).each(function (i, node) { node = $(node); (node.is(tableCells) ? node : node.find(tableCells)).each(function (j, cell) { cell.innerHTML = ''; }); }); if (startCell && !start.previousSibling) { dom.insertBefore(doc.createTextNode('\uFEFF'), start); } if (endCell && !end.nextSibling) { dom.insertAfter(doc.createTextNode('\uFEFF'), end); } if (startCell) { range.setStartBefore(start); } else if (nodes[0]) { startCell = $(nodes[0]); startCell = startCell.is(tableCells) ? startCell : startCell.find(tableCells).first(); if (startCell.length) { range.setStart(startCell.get(0), 0); } } range.collapse(true); dom.remove(start); dom.remove(end); }, _removeContent: function (start, top, forwards) { if (top) { var sibling = forwards ? 'nextSibling' : 'previousSibling', next, getNext = function (node) { while (node && !node[sibling]) { node = node.parentNode; } return node && $.contains(top, node) ? node[sibling] : null; }; start = getNext(start); while (start) { next = getNext(start); dom.remove(start); start = next; } } } }); var TypingHandler = Class.extend({ init: function (editor) { this.editor = editor; }, keydown: function (e) { var that = this, editor = that.editor, keyboard = editor.keyboard, isTypingKey = keyboard.isTypingKey(e), evt = extend($.Event(), e); that.editor.trigger('keydown', evt); if (evt.isDefaultPrevented()) { e.preventDefault(); return true; } if (!evt.isDefaultPrevented() && isTypingKey && !keyboard.isTypingInProgress()) { var range = editor.getRange(); var body = editor.body; that.startRestorePoint = new RestorePoint(range, body); if (inTable(range)) { var removeTableContent = new RemoveTableContent(editor); removeTableContent.remove(range); editor.selectRange(range); } if (browser.webkit && !range.collapsed && selected(body, range)) { body.innerHTML = ''; } if (editor.immutables && editorNS.Immutables.immutablesContext(range)) { var backspaceHandler = new editorNS.BackspaceHandler(editor); backspaceHandler.deleteSelection(range); } keyboard.startTyping(function () { that.endRestorePoint = finishUpdate(editor, that.startRestorePoint); }); return true; } return false; }, keyup: function (e) { var keyboard = this.editor.keyboard; this.editor.trigger('keyup', e); if (keyboard.isTypingInProgress()) { keyboard.endTyping(); return true; } return false; } }); var BackspaceHandler = Class.extend({ init: function (editor) { this.editor = editor; }, _addCaret: function (container) { var caret = dom.create(this.editor.document, 'a'); dom.insertAt(container, caret, 0); dom.stripBomNode(caret.previousSibling); dom.stripBomNode(caret.nextSibling); return caret; }, _restoreCaret: function (caret) { var range = this.editor.createRange(); range.setStartAfter(caret); range.collapse(true); this.editor.selectRange(range); dom.remove(caret); }, _handleDelete: function (range) { var node = range.endContainer; var block = dom.closestEditableOfType(node, dom.blockElements); if (block && editorNS.RangeUtils.isEndOf(range, block)) { var next = dom.next(block); if (!next || dom.name(next) != 'p') { return false; } var caret = this._addCaret(next); this._merge(block, next); this._restoreCaret(caret); return true; } return false; }, _cleanBomBefore: function (range) { var offset = range.startOffset; var node = range.startContainer; var text = node.nodeValue; var count = 0; while (offset - count >= 0 && text[offset - count - 1] == '\uFEFF') { count++; } if (count > 0) { node.deleteData(offset - count, count); range.setStart(node, Math.max(0, offset - count)); range.collapse(true); this.editor.selectRange(range); } }, _handleBackspace: function (range) { var node = range.startContainer; var li = dom.closestEditableOfType(node, ['li']); var block = dom.closestEditableOfType(node, 'p,h1,h2,h3,h4,h5,h6'.split(',')); var editor = this.editor; var previousSibling; if (dom.isDataNode(node)) { this._cleanBomBefore(range); } previousSibling = getSibling(block, PREVIOUS_SIBLING, function (sibling) { return !dom.htmlIndentSpace(sibling); }); if (range.collapsed && range.startOffset !== range.endOffset && range.startOffset < 0) { range.startOffset = 0; range.endOffset = 0; editor.selectRange(range); } if (block && previousSibling && editorNS.RangeUtils.isStartOf(range, block)) { var caret = this._addCaret(block); this._merge(previousSibling, block); this._restoreCaret(caret); return true; } if (li && editorNS.RangeUtils.isStartOf(range, li)) { var child = li.firstChild; if (!child) { li.innerHTML = editorNS.emptyElementContent; child = li.firstChild; } var formatter = new editorNS.ListFormatter(dom.name(li.parentNode), 'p'); range.selectNodeContents(li); formatter.toggle(range); if (dom.insignificant(child)) { range.setStartBefore(child); } else { range.setStart(child, 0); } editor.selectRange(range); return true; } var linkRange = range; var previousNode = node.previousSibling; if (linkRange.startOffset === 0 && previousNode && previousNode.nodeName.toLowerCase() === 'a') { linkRange = editor.createRange(); linkRange.setStart(previousNode, previousNode.childNodes.length); linkRange.setEnd(previousNode, previousNode.childNodes.length); } var a = dom.closestEditableOfType(linkRange.startContainer, ['a']); var isEndOfLink = a && editorNS.RangeUtils.isEndOf(linkRange, a); if (isEndOfLink) { var command = new editorNS.UnlinkCommand({ range: linkRange, body: editor.body, immutables: !!editor.immutables }); editor.execCommand(command); editor._selectionChange(); } return false; }, _handleSelection: function (range) { var ancestor = range.commonAncestorContainer; var table = dom.closest(ancestor, 'table'); var emptyParagraphContent = editorNS.emptyElementContent; var editor = this.editor; if (inTable(range)) { var removeTableContent = new RemoveTableContent(editor); removeTableContent.remove(range); editor.selectRange(range); return true; } var marker = new Marker(); marker.add(range, false); if (editor.immutables) { this._handleImmutables(marker); } this._surroundFullySelectedAnchor(marker, range); range.setStartAfter(marker.start); range.setEndBefore(marker.end); var start = range.startContainer; var end = range.endContainer; range.deleteContents(); if (table && $(table).text() === '') { range.selectNode(table); range.deleteContents(); } ancestor = range.commonAncestorContainer; if (dom.name(ancestor) === 'p' && ancestor.innerHTML === '') { ancestor.innerHTML = emptyParagraphContent; range.setStart(ancestor, 0); } this._join(start, end); dom.insertAfter(editor.document.createTextNode('\uFEFF'), marker.start); marker.remove(range); start = range.startContainer; if (dom.name(start) == 'tr') { start = start.childNodes[Math.max(0, range.startOffset - 1)]; range.setStart(start, dom.getNodeLength(start)); } range.collapse(true); editor.selectRange(range); return true; }, _handleImmutables: function (marker) { var immutableParent = editorNS.Immutables.immutableParent; var startImmutable = immutableParent(marker.start); var endImmutable = immutableParent(marker.start); if (startImmutable) { dom.insertBefore(marker.start, startImmutable); } if (endImmutable) { dom.insertAfter(marker.end, endImmutable); } if (startImmutable) { dom.remove(startImmutable); } if (endImmutable && endImmutable.parentNode) { dom.remove(endImmutable); } }, _surroundFullySelectedAnchor: function (marker, range) { var start = marker.start, startParent = $(start).closest('a').get(0), end = marker.end, endParent = $(end).closest('a').get(0); if (startParent && RangeUtils.isStartOf(range, startParent)) { dom.insertBefore(start, startParent); } if (endParent && RangeUtils.isEndOf(range, endParent)) { dom.insertAfter(end, endParent); } }, _root: function (node) { while (node && node.parentNode && dom.name(node.parentNode) != 'body') { node = node.parentNode; } return node; }, _join: function (start, end) { start = this._root(start); end = this._root(end); if (start != end && dom.is(end, 'p')) { this._merge(start, end); } }, _merge: function (dest, src) { dom.removeTrailingBreak(dest); while (dest && src.firstChild) { if (dest.nodeType == 1) { dest = dom.list(dest) ? dest.children[dest.children.length - 1] : dest; if (dest) { dest.appendChild(src.firstChild); } } else if (dest.nodeType === nodeTypes.TEXT_NODE) { this._mergeWithTextNode(dest, src.firstChild); } else { dest.parentNode.appendChild(src.firstChild); } } dom.remove(src); }, _mergeWithTextNode: function (textNode, appendedNode) { if (textNode && textNode.nodeType === nodeTypes.TEXT_NODE) { if (textNode.nextSibling && this._isCaret(textNode.nextSibling)) { dom.insertAfter(appendedNode, textNode.nextSibling); } else { dom.insertAfter(appendedNode, textNode); } } }, _isCaret: function (element) { return $(element).is('a'); }, keydown: function (e) { var method, startRestorePoint; var editor = this.editor; var range = editor.getRange(); var keyCode = e.keyCode; var keys = kendo.keys; var backspace = keyCode === keys.BACKSPACE; var del = keyCode == keys.DELETE; if (editor.immutables && editor.immutables.keydown(e, range)) { return; } if ((backspace || del) && !range.collapsed) { method = '_handleSelection'; } else if (backspace) { method = '_handleBackspace'; } else if (del) { method = '_handleDelete'; } if (!method) { return; } startRestorePoint = new RestorePoint(range, editor.body); if (this[method](range)) { e.preventDefault(); finishUpdate(editor, startRestorePoint); } }, deleteSelection: function (range) { this._handleSelection(range); }, keyup: $.noop }); var SystemHandler = Class.extend({ init: function (editor) { this.editor = editor; this.systemCommandIsInProgress = false; }, createUndoCommand: function () { this.startRestorePoint = this.endRestorePoint = finishUpdate(this.editor, this.startRestorePoint); }, changed: function () { if (this.startRestorePoint) { return this.startRestorePoint.html != this.editor.body.innerHTML; } return false; }, keydown: function (e) { var that = this, editor = that.editor, keyboard = editor.keyboard; if (keyboard.isModifierKey(e)) { if (keyboard.isTypingInProgress()) { keyboard.endTyping(true); } that.startRestorePoint = new RestorePoint(editor.getRange(), editor.body); return true; } if (keyboard.isSystem(e)) { that.systemCommandIsInProgress = true; if (that.changed()) { that.systemCommandIsInProgress = false; that.createUndoCommand(); } return true; } return false; }, keyup: function () { var that = this; if (that.systemCommandIsInProgress && that.changed()) { that.systemCommandIsInProgress = false; that.createUndoCommand(); return true; } return false; } }); var SelectAllHandler = Class.extend({ init: function (editor) { this.editor = editor; }, keydown: function (e) { if (!browser.webkit || e.isDefaultPrevented() || !(e.ctrlKey && e.keyCode == 65 && !e.altKey && !e.shiftKey)) { return; } if (this.editor.options.immutables) { this._toSelectableImmutables(); } this._selectEditorBody(); }, _selectEditorBody: function () { var editor = this.editor; var range = editor.getRange(); range.selectNodeContents(editor.body); editor.selectRange(range); }, _toSelectableImmutables: function () { var editor = this.editor, body = editor.body, immutable = editorNS.Immutables.immutable, emptyTextNode = dom.emptyTextNode, first = body.firstChild, last = body.lastChild; while (emptyTextNode(first)) { first = first.nextSibling; } while (emptyTextNode(last)) { last = last.previousSibling; } if (first && immutable(first)) { $(br).prependTo(body); } if (last && immutable(last)) { $(br).appendTo(body); } }, keyup: $.noop }); var Keyboard = Class.extend({ init: function (handlers) { this.handlers = handlers; this.typingInProgress = false; }, isCharacter: function (keyCode) { return keyCode >= 48 && keyCode <= 90 || keyCode >= 96 && keyCode <= 111 || keyCode >= 186 && keyCode <= 192 || keyCode >= 219 && keyCode <= 222 || keyCode == 229; }, toolFromShortcut: function (tools, e) { var key = String.fromCharCode(e.keyCode), toolName, toolOptions, modifier = this._getShortcutModifier(e, navigator.platform); for (toolName in tools) { toolOptions = $.extend({ ctrl: false, alt: false, shift: false }, tools[toolName].options); if ((toolOptions.key == key || toolOptions.key == e.keyCode) && toolOptions.ctrl == modifier && toolOptions.alt == e.altKey && toolOptions.shift == e.shiftKey) { return toolName; } } }, _getShortcutModifier: function (e, platform) { var mac = platform.toUpperCase().indexOf('MAC') >= 0; return mac ? e.metaKey : e.ctrlKey; }, toolsFromShortcut: function (tools, e) { var key = String.fromCharCode(e.keyCode), toolName, o, matchesKey, found = []; var matchKey = function (toolKey) { return toolKey == key || toolKey == e.keyCode || toolKey == e.charCode; }; for (toolName in tools) { o = $.extend({ ctrl: false, alt: false, shift: false }, tools[toolName].options); matchesKey = $.isArray(o.key) ? $.grep(o.key, matchKey).length > 0 : matchKey(o.key); if (matchesKey && o.ctrl == e.ctrlKey && o.alt == e.altKey && o.shift == e.shiftKey) { found.push(tools[toolName]); } } return found; }, isTypingKey: function (e) { var keyCode = e.keyCode; return this.isCharacter(keyCode) && !e.ctrlKey && !e.altKey || keyCode == 32 || keyCode == 13 || keyCode == 8 || keyCode == 46 && !e.shiftKey && !e.ctrlKey && !e.altKey; }, isModifierKey: function (e) { var keyCode = e.keyCode; return keyCode == 17 && !e.shiftKey && !e.altKey || keyCode == 16 && !e.ctrlKey && !e.altKey || keyCode == 18 && !e.ctrlKey && !e.shiftKey; }, isSystem: function (e) { return e.keyCode == 46 && e.ctrlKey && !e.altKey && !e.shiftKey; }, startTyping: function (callback) { this.onEndTyping = callback; this.typingInProgress = true; }, stopTyping: function () { if (this.typingInProgress && this.onEndTyping) { this.onEndTyping(); } this.typingInProgress = false; }, endTyping: function (force) { var that = this; that.clearTimeout(); if (force) { that.stopTyping(); } else { that.timeout = window.setTimeout($.proxy(that.stopTyping, that), 1000); } }, isTypingInProgress: function () { return this.typingInProgress; }, clearTimeout: function () { window.clearTimeout(this.timeout); }, notify: function (e, what) { var i, handlers = this.handlers; for (i = 0; i < handlers.length; i++) { if (handlers[i][what](e)) { break; } } }, keydown: function (e) { this.notify(e, 'keydown'); }, keyup: function (e) { this.notify(e, 'keyup'); } }); var Clipboard = Class.extend({ init: function (editor) { this.editor = editor; var pasteCleanup = editor.options.pasteCleanup; this.cleaners = [ new ScriptCleaner(pasteCleanup), new TabCleaner(pasteCleanup), new MSWordFormatCleaner(pasteCleanup), new WebkitFormatCleaner(pasteCleanup), new HtmlTagsCleaner(pasteCleanup), new HtmlAttrCleaner(pasteCleanup), new HtmlContentCleaner(pasteCleanup), new CustomCleaner(pasteCleanup) ]; }, htmlToFragment: function (html) { var editor = this.editor, doc = editor.document, container = dom.create(doc, 'div'), fragment = doc.createDocumentFragment(); container.innerHTML = html; while (container.firstChild) { fragment.appendChild(container.firstChild); } return fragment; }, isBlock: function (html) { return /<(div|p|ul|ol|table|h[1-6])/i.test(html); }, _startModification: function () { var range; var restorePoint; var editor = this.editor; if (this._inProgress) { return; } this._inProgress = true; range = editor.getRange(); restorePoint = new RestorePoint(range, editor.body); dom.persistScrollTop(editor.document); return { range: range, restorePoint: restorePoint }; }, _endModification: function (modificationInfo) { finishUpdate(this.editor, modificationInfo.restorePoint); this.editor._selectionChange(); this._inProgress = false; }, _contentModification: function (before, after) { var that = this; var editor = that.editor; var modificationInfo = that._startModification(); if (!modificationInfo) { return; } before.call(that, editor, modificationInfo.range); setTimeout(function () { after.call(that, editor, modificationInfo.range); that._endModification(modificationInfo); }); }, _removeBomNodes: function (range) { var nodes = editorNS.RangeUtils.textNodes(range); for (var i = 0; i < nodes.length; i++) { nodes[i].nodeValue = dom.stripBom(nodes[i].nodeValue); } }, _onBeforeCopy: function (range) { var marker = new Marker(); marker.add(range); this._removeBomNodes(range); marker.remove(range); this.editor.selectRange(range); }, oncopy: function () { this._onBeforeCopy(this.editor.getRange()); }, oncut: function () { this._onBeforeCopy(this.editor.getRange()); this._contentModification($.noop, $.noop); }, _fileToDataURL: function (blob) { var deferred = $.Deferred(); var reader = new FileReader(); if (!(blob instanceof window.File) && blob.getAsFile) { blob = blob.getAsFile(); } reader.onload = $.proxy(deferred.resolve, deferred); reader.readAsDataURL(blob); return deferred.promise(); }, _triggerPaste: function (html, options) { var args = { html: html || '' }; args.html = args.html.replace(/\ufeff/g, ''); this.editor.trigger('paste', args); this.paste(args.html, options || {}); }, _handleImagePaste: function (e) { if (!('FileReader' in window) || browser.msie && browser.version > 10) { return; } var clipboardData = e.clipboardData || e.originalEvent.clipboardData || window.clipboardData || {}; var items = clipboardData.items || clipboardData.files; if (!items) { return; } var images = $.grep(items, function (item) { return /^image\//i.test(item.type); }); var html = $.grep(items, function (item) { return /^text\/html/i.test(item.type); }); if (html.length || !images.length) { return; } var modificationInfo = this._startModification(); if (!modificationInfo) { return; } $.when.apply($, $.map(images, this._fileToDataURL)).done($.proxy(function () { var results = Array.prototype.slice.call(arguments); var html = $.map(results, function (e) { return '
';
}).join('');
this._triggerPaste(html);
this._endModification(modificationInfo);
}, this));
return true;
},
onpaste: function (e) {
if (this._handleImagePaste(e)) {
e.preventDefault();
return;
}
this.expandImmutablesIn();
this._contentModification(function beforePaste(editor, range) {
var clipboardNode = dom.create(editor.document, 'div', {
className: 'k-paste-container',
innerHTML: '\uFEFF'
});
var browser = kendo.support.browser;
var body = editor.body;
this._decoreateClipboardNode(clipboardNode, body);
body.appendChild(clipboardNode);
if (browser.webkit) {
this._moveToCaretPosition(clipboardNode, range);
}
if (browser.msie && browser.version < 11) {
e.preventDefault();
var r = editor.createRange();
r.selectNodeContents(clipboardNode);
editor.selectRange(r);
var textRange = editor.document.body.createTextRange();
textRange.moveToElementText(clipboardNode);
$(body).unbind('paste');
textRange.execCommand('Paste');
$(body).bind('paste', $.proxy(this.onpaste, this));
} else {
var clipboardRange = editor.createRange();
clipboardRange.selectNodeContents(clipboardNode);
editor.selectRange(clipboardRange);
}
range.deleteContents();
}, function afterPaste(editor, range) {
var html = '', containers;
editor.selectRange(range);
containers = $(editor.body).children('.k-paste-container');
containers.each(function () {
var lastChild = this.lastChild;
if (lastChild && dom.is(lastChild, 'br')) {
dom.remove(lastChild);
}
html += this.innerHTML;
});
containers.remove();
this._triggerPaste(html, { clean: true });
});
},
_decoreateClipboardNode: function (node, body) {
if (!browser.msie && !browser.webkit) {
return;
}
node = $(node);
node.css({
borderWidth: '0px',
width: '0px',
height: '0px',
overflow: 'hidden',
margin: '0',
padding: '0'
});
if (browser.msie) {
var documentElement = $(body.ownerDocument.documentElement);
node.css({
fontVariant: 'normal',
fontWeight: 'normal',
lineSpacing: 'normal',
lineHeight: 'normal',
textDecoration: 'none'
});
var color = documentElement.css('color');
if (color) {
node.css('color', color);
}
var fontFamily = documentElement.css('fontFamily');
if (fontFamily) {
node.css('fontFamily', fontFamily);
}
var fontSize = documentElement.css('fontSize');
if (fontSize) {
node.css('fontSize', fontSize);
}
}
},
_moveToCaretPosition: function (node, range) {
var that = this;
var body = that.editor.body;
var nodeOffset = dom.offset(node, body);
var caretOffset = that._caretOffset(range, body);
var translateX = caretOffset.left - nodeOffset.left;
var translateY = caretOffset.top - nodeOffset.top;
var translate = 'translate(' + translateX + 'px,' + translateY + 'px)';
$(node).css({
'-webkit-transform': translate,
'transform': translate
});
},
_caretOffset: function (range, body) {
var editor = this.editor;
var caret = dom.create(editor.document, 'span', { innerHTML: '\uFEFF' });
var startContainer = range.startContainer;
var rangeChanged;
if (range.collapsed) {
var isStartTextNode = dom.isDataNode(startContainer);
if (isStartTextNode && (dom.isBom(startContainer) || range.startOffset === 0)) {
dom.insertBefore(caret, startContainer);
} else if (isStartTextNode && range.startOffset === startContainer.length) {
dom.insertAfter(caret, startContainer);
} else {
range.insertNode(caret);
rangeChanged = true;
}
} else {
startContainer = startContainer === body ? startContainer.childNodes[range.startOffset] : startContainer;
dom.insertBefore(caret, startContainer);
}
var offset = dom.offset(caret, body);
var prev = caret.previousSibling;
var next = caret.nextSibling;
dom.remove(caret);
if (rangeChanged && dom.isDataNode(prev) && dom.isDataNode(next) && !dom.isBom(prev) && !dom.isBom(next)) {
var prevLength = prev.length;
next.data = prev.data + next.data;
range.setStart(next, prevLength);
dom.remove(prev);
range.collapse(true);
editor.selectRange(range);
}
return offset;
},
expandImmutablesIn: function (range) {
var editor = this.editor;
if (editor && editor.options.immutables) {
var body = editor.body;
range = range || editor.getRange();
kendo.ui.editor.Immutables.expandImmutablesIn(range);
if (range.startContainer === body && range.startOffset === 0) {
var doc = body.ownerDocument;
var bomNode = doc.createTextNode('\uFEFF');
body.insertBefore(bomNode, body.childNodes[0]);
range.setStartBefore(bomNode);
}
editor.selectRange(range);
}
},
splittableParent: function (block, node) {
var parentNode, body;
if (block) {
return dom.closestEditableOfType(node, [
'p',
'ul',
'ol'
]) || node.parentNode;
}
parentNode = node.parentNode;
body = node.ownerDocument.body;
if (dom.isInline(parentNode)) {
while (parentNode.parentNode != body && !dom.isBlock(parentNode.parentNode)) {
parentNode = parentNode.parentNode;
}
}
return parentNode;
},
paste: function (html, options) {
var editor = this.editor, i, l;
this.expandImmutablesIn();
options = extend({
clean: false,
split: true
}, options);
if (!options.skipCleaners) {
for (i = 0, l = this.cleaners.length; i < l; i++) {
if (this.cleaners[i].applicable(html)) {
html = this.cleaners[i].clean(html);
}
}
}
if (options.clean) {
html = html.replace(/(
(\s| )*)+(<\/?(div|p|li|col|t))/gi, '$3'); html = html.replace(/<(a|span)[^>]*><\/\1>/gi, ''); } html = html.replace(/^$/g, 'li>');
var block = this.isBlock(html);
editor.focus();
var range = editor.getRange();
range.deleteContents();
if (range.startContainer == editor.document) {
range.selectNodeContents(editor.body);
}
var marker = new Marker();
var caret = marker.addCaret(range);
var parent = this.splittableParent(block, caret);
var unwrap = false;
var splittable = parent != editor.body && !dom.is(parent, 'td');
if (options.split && splittable && (block || dom.isInline(parent))) {
range.selectNode(caret);
editorNS.RangeUtils.split(range, parent, true);
unwrap = true;
}
var fragment = this.htmlToFragment(html);
if (fragment.firstChild && fragment.firstChild.className === 'k-paste-container') {
var fragmentsHtml = [];
for (i = 0, l = fragment.childNodes.length; i < l; i++) {
fragmentsHtml.push(fragment.childNodes[i].innerHTML);
}
fragment = this.htmlToFragment(fragmentsHtml.join('
')); } $(fragment.childNodes).filter('table').addClass('k-table').end().find('table').addClass('k-table'); range.insertNode(fragment); parent = this.splittableParent(block, caret); if (unwrap) { while (caret.parentNode != parent) { dom.unwrap(caret.parentNode); } dom.unwrap(caret.parentNode); } dom.normalize(range.commonAncestorContainer); caret.style.display = 'inline'; dom.restoreScrollTop(editor.document); dom.scrollTo(caret); marker.removeCaret(range); var rangeEnd = range.commonAncestorContainer.parentNode; if (range.collapsed && dom.name(rangeEnd) == 'tbody') { range.setStartAfter($(rangeEnd).closest('table')[0]); range.collapse(true); } editor.selectRange(range); } }); var Cleaner = Class.extend({ init: function (options) { this.options = options || {}; this.replacements = []; }, clean: function (html, customReplacements) { var that = this, replacements = customReplacements || that.replacements, i, l; for (i = 0, l = replacements.length; i < l; i += 2) { html = html.replace(replacements[i], replacements[i + 1]); } return html; } }); var ScriptCleaner = Cleaner.extend({ init: function (options) { Cleaner.fn.init.call(this, options); this.replacements = [ /<(\/?)script([^>]*)>/i, '<$1telerik:script$2>' ]; }, applicable: function (html) { return !this.options.none && /]*>/i.test(html);
}
});
var TabCleaner = Cleaner.extend({
init: function (options) {
Cleaner.fn.init.call(this, options);
var replacement = ' ';
this.replacements = [
/]*>\s*<\/span>/gi,
replacement,
/\t/gi,
replacement,
/ /gi,
replacement
];
},
applicable: function (html) {
return / |class="?Apple-tab-span/i.test(html);
}
});
var MSWordFormatCleaner = Cleaner.extend({
init: function (options) {
Cleaner.fn.init.call(this, options);
this.junkReplacements = [
/<\?xml[^>]*>/gi,
'',
//g,
'',
/"/g,
'\'',
/ <\/o:p>/gi,
' ',
/<\/?(meta|link|style|o:|v:|x:)[^>]*>((?:.|\n)*?<\/(meta|link|style|o:|v:|x:)[^>]*>)?/gi,
'',
/<\/o>/g,
''
];
this.replacements = this.junkReplacements.concat([
/(?:
[\s\r\n]+|
)*(<\/?(h[1-6]|hr|p|div|table|tbody|thead|tfoot|th|tr|td|li|ol|ul|caption|address|pre|form|blockquote|dl|dt|dd|dir|fieldset)[^>]*>)(?:
[\s\r\n]+|
)*/g, '$1', /
/g, '
', /
(?!\n)/g, ' ', /]*)>(\s| )+]*>(\s| )*<\/tr>/gi,
'',
/]*>(\s| )*<\/tbody>/gi,
'',
/]*>(\s| )*<\/table>/gi,
'',
/
/g, '
', /^\s*( )+/gi, '', /( |]*>)+\s*$/gi,
'',
/mso-[^;"]*;?/gi,
'',
/<(\/?)b(\s[^>]*)?>/gi,
'<$1strong$2>',
/<(\/?)font(\s[^>]*)?>/gi,
this.convertFontMatch,
/<(\/?)i(\s[^>]*)?>/gi,
'<$1em$2>',
/style=(["|'])\s*\1/g,
'',
/(]*>)?\n/g,
function ($0, $1) {
return $1 ? $0 : ' ';
}
]);
},
convertFontMatch: function (match, closing, args) {
var faceRe = /face=['"]([^'"]+)['"]/i;
var face = faceRe.exec(args);
var family = args && face && face[1];
if (closing) {
return ' ]*)>\s*<\/a>/gi, function (a, attributes) {
if (!attributes || attributes.indexOf('href') < 0) {
return '';
}
return a;
});
},
listType: function (p, listData) {
var html = p.innerHTML;
var text = dom.innerText(p);
var startingSymbol;
var matchSymbol = html.match(/^(?:]*texhtml[^>]*>)?]*(?:Symbol|Wingdings)[^>]*>([^<]+)/i);
var symbol = matchSymbol && matchSymbol[1];
var isNumber = /^[a-z\d]/i.test(symbol);
var trimStartText = function (text) {
return text.replace(/^(?: |[\u00a0\n\r\s])+/, '');
};
if (matchSymbol) {
startingSymbol = true;
}
html = html.replace(/<\/?\w+[^>]*>/g, '').replace(/ /g, '\xA0');
if (!startingSymbol && /^[\u2022\u00b7\u00a7\u00d8o]\u00a0+/.test(html) || startingSymbol && /^.\u00a0+/.test(html) || symbol && !isNumber && listData) {
return {
tag: 'ul',
style: this._guessUnorderedListStyle(trimStartText(text))
};
}
if (/^\s*\w+[\.\)][\u00a0 ]{2,}/.test(html)) {
return {
tag: 'ol',
style: this._guessOrderedListStyle(trimStartText(text))
};
}
},
_convertToLi: function (p) {
var content;
if (p.childNodes.length == 1) {
content = p.firstChild.innerHTML.replace(/^\w+[\.\)]( )+ /, '');
} else {
dom.remove(p.firstChild);
if (p.firstChild.nodeType == 3) {
if (/^[ivxlcdm]+\.$/i.test(p.firstChild.nodeValue)) {
dom.remove(p.firstChild);
}
}
if (/^( |\s)+$/i.test(p.firstChild.innerHTML)) {
dom.remove(p.firstChild);
}
content = p.innerHTML;
}
dom.remove(p);
return dom.create(document, 'li', { innerHTML: content });
},
_guessUnorderedListStyle: function (symbol) {
if (/^[\u2022\u00b7\u00FC\u00D8\u002dv-]/.test(symbol)) {
return null;
} else if (/^o/.test(symbol)) {
return 'circle';
} else {
return 'square';
}
},
_guessOrderedListStyle: function (symbol) {
var listType = null;
if (!/^\d/.test(symbol)) {
listType = (/^[a-z]/.test(symbol) ? 'lower-' : 'upper-') + (/^[ivxlcdm]/i.test(symbol) ? 'roman' : 'alpha');
}
return listType;
},
extractListLevels: function (html) {
var msoListRegExp = /style=['"]?[^'"]*?mso-list:\s?[a-zA-Z]+(\d+)\s[a-zA-Z]+(\d+)\s(\w+)/gi;
html = html.replace(msoListRegExp, function (match, list, level) {
return kendo.format('data-list="{0}" data-level="{1}" {2}', list, level, match);
});
return html;
},
lists: function (placeholder) {
var blockChildren = $(placeholder).find(dom.blockElements.join(',')), lastMargin = -1, name, levels = {}, li = placeholder, rootMargin, listContainer, i, p, type, margin, list, listData;
for (i = 0; i < blockChildren.length; i++) {
p = blockChildren[i];
listData = $(p).data();
var listIndex = listData.list;
name = dom.name(p);
if (name == 'td') {
continue;
}
var listType = this.listType(p, listData);
type = listType && listType.tag;
if (!type || name != 'p') {
if (!p.innerHTML) {
dom.remove(p);
} else {
lastMargin = -1;
li = placeholder;
}
continue;
}
margin = parseFloat(p.style.marginLeft || 0);
if (rootMargin === undefined) {
rootMargin = margin;
}
var levelType = type + listIndex;
if (!levels[margin]) {
levels[margin] = {};
}
list = levels[margin][levelType];
if (margin > lastMargin || !list) {
list = dom.create(document, type, { style: { listStyleType: listType.style } });
if (li == placeholder || margin <= lastMargin) {
if (listContainer && rootMargin !== margin) {
listContainer.appendChild(list);
} else {
dom.insertBefore(list, p);
}
levels[margin] = {};
} else {
listContainer = li;
li.appendChild(list);
}
levels[margin][levelType] = list;
}
li = this._convertToLi(p);
list.appendChild(li);
lastMargin = margin;
}
},
removeAttributes: function (element) {
var attributes = element.attributes, i = attributes.length;
while (i--) {
if (dom.name(attributes[i]) != 'colspan') {
element.removeAttributeNode(attributes[i]);
}
}
},
createColGroup: function (row) {
var cells = row.cells;
var table = $(row).closest('table');
var colgroup = table.children('colgroup');
if (cells.length < 2) {
return;
} else if (colgroup.length) {
cells = colgroup.children();
colgroup[0].parentNode.removeChild(colgroup[0]);
}
colgroup = $($.map(cells, function (cell) {
var width = cell.width;
if (width && parseInt(width, 10) !== 0) {
return kendo.format('\n
\n').replace(/\n$/, ''); } }); kendo.ui.editor.ViewHtmlCommand = ViewHtmlCommand; Editor.EditorUtils.registerTool('viewHtml', new Tool({ command: ViewHtmlCommand, template: new ToolTemplate({ template: EditorUtils.buttonTemplate, title: 'View HTML' }) })); }(window.kendo.jQuery)); }, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) { (a3 || a2)(); })); (function (f, define) { define('editor/formatting', ['editor/viewhtml'], f); }(function () { (function ($) { var kendo = window.kendo, Editor = kendo.ui.editor, Tool = Editor.Tool, ToolTemplate = Editor.ToolTemplate, DelayedExecutionTool = Editor.DelayedExecutionTool, Command = Editor.Command, dom = Editor.Dom, EditorUtils = Editor.EditorUtils, RangeUtils = Editor.RangeUtils, registerTool = EditorUtils.registerTool; var FormattingTool = DelayedExecutionTool.extend({ init: function (options) { var that = this; Tool.fn.init.call(that, kendo.deepExtend({}, that.options, options)); that.type = 'kendoSelectBox'; that.finder = { getFormat: function () { return ''; } }; }, options: { items: [ { text: 'Paragraph', value: 'p' }, { text: 'Quotation', value: 'blockquote' }, { text: 'Heading 1', value: 'h1' }, { text: 'Heading 2', value: 'h2' }, { text: 'Heading 3', value: 'h3' }, { text: 'Heading 4', value: 'h4' }, { text: 'Heading 5', value: 'h5' }, { text: 'Heading 6', value: 'h6' } ], width: 110 }, toFormattingItem: function (item) { var value = item.value; if (!value) { return item; } if (item.tag || item.className) { return item; } var dot = value.indexOf('.'); if (dot === 0) { item.className = value.substring(1); } else if (dot == -1) { item.tag = value; } else { item.tag = value.substring(0, dot); item.className = value.substring(dot + 1); } return item; }, command: function (args) { var that = this; var item = args.value; item = this.toFormattingItem(item); return new Editor.FormatCommand({ range: args.range, formatter: function () { var formatter, tags = (item.tag || item.context || 'span').split(','), format = [{ tags: tags, attr: { className: item.className || '' } }]; if ($.inArray(tags[0], dom.inlineElements) >= 0) { formatter = new Editor.GreedyInlineFormatter(format); } else { formatter = new Editor.GreedyBlockFormatter(format); } formatter.editor = that.editor; return formatter; } }); }, initialize: function (ui, initOptions) { var editor = initOptions.editor; var options = this.options; var toolName = options.name; var that = this; that.editor = editor; ui.width(options.width); ui.kendoSelectBox({ dataTextField: 'text', dataValueField: 'value', dataSource: options.items || editor.options[toolName], title: editor.options.messages[toolName], autoSize: true, change: function () { var dataItem = this.dataItem(); if (dataItem) { Tool.exec(editor, toolName, dataItem.toJSON()); } }, dataBound: function () { var i, items = this.dataSource.data(); for (i = 0; i < items.length; i++) { items[i] = that.toFormattingItem(items[i]); } }, highlightFirst: false, template: kendo.template('#:data.text#') }); ui.addClass('k-decorated').closest('.k-widget').removeClass('k-' + toolName).find('*').addBack().attr('unselectable', 'on'); }, getFormattingValue: function (items, nodes) { for (var i = 0; i < items.length; i++) { var item = items[i]; var tag = item.tag || item.context || ''; var className = item.className ? '.' + item.className : ''; var selector = tag + className; var element = $(nodes[0]).closest(selector)[0]; if (!element) { continue; } if (nodes.length == 1) { return item.value; } for (var n = 1; n < nodes.length; n++) { if (!$(nodes[n]).closest(selector)[0]) { break; } else if (n == nodes.length - 1) { return item.value; } } } return ''; }, update: function (ui, nodes) { var selectBox = $(ui).data(this.type); if (!selectBox) { return; } var dataSource = selectBox.dataSource, items = dataSource.data(), i, context, ancestor = dom.commonAncestor.apply(null, nodes); if (ancestor != dom.closestEditable(ancestor) && this._ancestor == ancestor) { return; } else { this._ancestor = ancestor; } for (i = 0; i < items.length; i++) { context = items[i].context; items[i].visible = !context || !!$(ancestor).closest(context).length; } dataSource.filter([{ field: 'visible', operator: 'eq', value: true }]); DelayedExecutionTool.fn.update.call(this, ui, nodes); selectBox.value(this.getFormattingValue(dataSource.view(), nodes)); selectBox.wrapper.toggleClass('k-state-disabled', !dataSource.view().length); }, destroy: function () { this._ancestor = null; } }); var CleanFormatCommand = Command.extend({ exec: function () { var range = this.lockRange(true); this.tagsToClean = this.options.remove || 'strong,em,span,sup,sub,del,b,i,u,font'.split(','); RangeUtils.wrapSelectedElements(range); var nodes = RangeUtils.mapAll(range, function (node) { return node; }); for (var c = nodes.length - 1; c >= 0; c--) { var node = nodes[c]; if (!this.immutableParent(node)) { this.clean(node); } } this.releaseRange(range); }, clean: function (node) { if (!node || dom.isMarker(node)) { return; } var name = dom.name(node); if (name == 'ul' || name == 'ol') { var listFormatter = new Editor.ListFormatter(name); var prev = node.previousSibling; var next = node.nextSibling; listFormatter.unwrap(node); for (; prev && prev != next; prev = prev.nextSibling) { this.clean(prev); } } else if (name == 'blockquote') { dom.changeTag(node, 'p'); } else if (node.nodeType == 1 && !dom.insignificant(node)) { for (var i = node.childNodes.length - 1; i >= 0; i--) { this.clean(node.childNodes[i]); } node.removeAttribute('style'); node.removeAttribute('class'); } else { unwrapListItem(node); } if ($.inArray(name, this.tagsToClean) > -1) { dom.unwrap(node); } }, immutableParent: function (node) { return this.immutables() && Editor.Immutables.immutableParent(node); } }); function unwrapListItem(node) { var li = dom.closestEditableOfType(node, ['li']); if (li) { var listFormatter = new Editor.ListFormatter(dom.name(li.parentNode)); var range = kendo.ui.editor.W3CRange.fromNode(node); range.selectNode(li); listFormatter.toggle(range); } } $.extend(Editor, { FormattingTool: FormattingTool, CleanFormatCommand: CleanFormatCommand }); registerTool('formatting', new FormattingTool({ template: new ToolTemplate({ template: EditorUtils.dropDownListTemplate, title: 'Format' }) })); registerTool('cleanFormatting', new Tool({ command: CleanFormatCommand, template: new ToolTemplate({ template: EditorUtils.buttonTemplate, title: 'Clean formatting' }) })); }(window.kendo.jQuery)); }, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) { (a3 || a2)(); })); (function (f, define) { define('editor/toolbar', ['editor/formatting'], f); }(function () { (function ($, undefined) { var kendo = window.kendo; var ui = kendo.ui; var editorNS = ui.editor; var Widget = ui.Widget; var extend = $.extend; var proxy = $.proxy; var keys = kendo.keys; var NS = '.kendoEditor'; var EditorUtils = kendo.ui.editor.EditorUtils; var ToolTemplate = kendo.ui.editor.ToolTemplate; var Tool = kendo.ui.editor.Tool; var outerWidth = kendo._outerWidth; var outerHeight = kendo._outerHeight; var OVERFLOWANCHOR = 'overflowAnchor'; var focusable = '.k-tool-group:visible a.k-tool:not(.k-state-disabled),' + '.k-tool.k-overflow-anchor,' + '.k-tool-group:visible .k-widget.k-colorpicker,' + '.k-tool-group:visible .k-selectbox,' + '.k-tool-group:visible .k-dropdown,' + '.k-tool-group:visible .k-combobox .k-input'; var toolNamesByCssClass = { 'k-i-sup-script': 'superscript', 'k-i-sub-script': 'subscript', 'k-i-align-left': 'justifyLeft', 'k-i-align-center': 'justifyCenter', 'k-i-align-right': 'justifyRight', 'k-i-align-justify': 'justifyFull', 'k-i-list-unordered': 'insertUnorderedList', 'k-i-list-ordered': 'insertOrderedList', 'k-i-login': 'import', 'k-i-indent-increase': 'indent', 'k-i-indent-decrease': 'outdent', 'k-i-link-horizontal': 'createLink', 'k-i-unlink-horizontal': 'unlink', 'k-i-image': 'insertImage', 'k-i-file-add': 'insertFile', 'k-i-html': 'viewHtml', 'k-i-foreground-color': 'foreColor', 'k-i-paint': 'backColor', 'k-i-table-insert': 'createTable', 'k-i-table-column-insert-left': 'addColumnLeft', 'k-i-table-column-insert-right': 'addColumnRight', 'k-i-table-row-insert-above': 'addRowAbove', 'k-i-table-row-insert-below': 'addRowBelow', 'k-i-table-row-delete': 'deleteRow', 'k-i-table-column-delete': 'deleteColumn', 'k-i-table-properties': 'tableWizard', 'k-i-table-wizard': 'tableWizardInsert', 'k-i-clear-css': 'cleanFormatting' }; var OverflowAnchorTool = Tool.extend({ initialize: function (ui, options) { ui.attr({ unselectable: 'on' }); var toolbar = options.editor.toolbar; ui.attr('aria-controls', options.editor.element.attr('id')).on('click', $.proxy(function () { this.overflowPopup.toggle(); }, toolbar)); }, options: { name: OVERFLOWANCHOR }, command: $.noop, update: $.noop, destroy: $.noop }); EditorUtils.registerTool(OVERFLOWANCHOR, new OverflowAnchorTool({ key: '', ctrl: true, template: new ToolTemplate({ template: EditorUtils.overflowAnchorTemplate }) })); var Toolbar = Widget.extend({ init: function (element, options) { var that = this; options = extend({}, options, { name: 'EditorToolbar' }); Widget.fn.init.call(that, element, options); if (options.popup) { that._initPopup(); } if (options.resizable && options.resizable.toolbar) { that._resizeHandler = kendo.onResize(function () { that.resize(); }); that.element.addClass('k-toolbar-resizable'); } }, events: ['execute'], groups: { basic: [ 'bold', 'italic', 'underline', 'strikethrough' ], scripts: [ 'subscript', 'superscript' ], alignment: [ 'justifyLeft', 'justifyCenter', 'justifyRight', 'justifyFull' ], links: [ 'insertImage', 'insertFile', 'createLink', 'unlink' ], lists: [ 'insertUnorderedList', 'insertOrderedList', 'indent', 'outdent' ], tables: [ 'createTable', 'addColumnLeft', 'addColumnRight', 'addRowAbove', 'addRowBelow', 'deleteRow', 'deleteColumn' ], advanced: [ 'viewHtml', 'cleanFormatting', 'print', 'pdf', 'exportAs', 'import' ], fonts: [ 'fontName', 'fontSize' ], colors: [ 'foreColor', 'backColor' ] }, overflowFlaseTools: [ 'formatting', 'fontName', 'fontSize', 'foreColor', 'backColor', 'insertHtml' ], _initPopup: function () { var that = this; this.window = $(this.element).wrap('').parent().prepend('').kendoWindow({ title: false, resizable: false, draggable: { dragHandle: '.k-editortoolbar-dragHandle' }, animation: { open: { effects: 'fade:in' }, close: { effects: 'fade:out' } }, minHeight: 42, visible: false, autoFocus: false, actions: [], dragend: function () { this._moved = true; } }).on('mousedown', function (e) { if (!$(e.target).is('.k-icon')) { that.preventPopupHide = true; } }).on('focusout', function () { that.options.editor.element.focusout(); }).data('kendoWindow'); }, _toggleOverflowStyles: function (element, show) { element.find('li').toggleClass('k-item k-state-default', show).find('.k-tool:not(.k-state-disabled),.k-overflow-button').toggleClass('k-overflow-button k-button', show); }, _initOverflowPopup: function (ui) { var that = this; var popupTemplate = ' ');
group.data('overflow', $.inArray(toolName, overflowFlaseTools) === -1 ? true : false);
} else {
group = $('');
}
}
element.empty();
if (toolConfig.length) {
toolName = toolConfig[0].name || toolConfig[0];
}
startGroup(toolName, overflowFlaseTools);
for (i = 0; i < toolConfig.length; i++) {
toolName = toolConfig[i].name || toolConfig[i];
options = tools[toolName] && tools[toolName].options;
if (!options && $.isPlainObject(toolName)) {
options = toolName;
}
template = options && options.template;
if (toolName == 'break') {
endGroup();
$('').appendTo(that.element);
startGroup(toolName, overflowFlaseTools);
}
if (!template) {
continue;
}
newGroupName = that.toolGroupFor(toolName);
if (groupName != newGroupName || toolName == OVERFLOWANCHOR) {
endGroup();
startGroup(toolName, overflowFlaseTools);
groupName = newGroupName;
}
if (toolName == OVERFLOWANCHOR) {
template.options.title = that.options.messages.overflowAnchor;
}
template = stringify(template);
toolElement = $(template).appendTo(group);
if (newGroupName == 'custom') {
endGroup();
startGroup(toolName, overflowFlaseTools);
}
if (options.exec && toolElement.hasClass('k-tool')) {
toolElement.click(proxy(options.exec, editorElement[0]));
}
}
endGroup();
$(that.element).children(':has(> .k-tool)').addClass('k-button-group');
if (that.options.popup && browser.msie && browser.version < 9) {
that.window.wrapper.find('*').attr('unselectable', 'on');
}
that.updateGroups();
if (resizable) {
that._initOverflowPopup(that.element.find('.k-overflow-anchor'));
}
that.angular('compile', function () {
return { elements: that.element };
});
},
updateGroups: function () {
$(this.element).children().each(function () {
$(this).children().filter(function () {
return !$(this).hasClass('k-state-disabled');
}).removeClass('k-group-end').first().addClass('k-group-start').end().last().addClass('k-group-end').end();
});
},
decorateFrom: function (body) {
this.items().filter('.k-decorated').each(function () {
var selectBox = $(this).data('kendoSelectBox');
if (selectBox) {
selectBox.decorate(body);
}
});
},
destroy: function () {
Widget.fn.destroy.call(this);
var id, tools = this.tools;
for (id in tools) {
if (tools[id].destroy) {
tools[id].destroy();
}
}
if (this.window) {
this.window.destroy();
}
if (this._resizeHandler) {
kendo.unbindResize(this._resizeHandler);
}
if (this.overflowPopup) {
this.overflowPopup.destroy();
}
},
_attachEvents: function () {
var that = this, popupElement = that.overflowPopup ? that.overflowPopup.element : $([]);
that.attachToolsEvents(that.element.add(popupElement));
},
attachToolsEvents: function (element) {
var that = this, buttons = '[role=button].k-tool', enabledButtons = buttons + ':not(.k-state-disabled)', disabledButtons = buttons + '.k-state-disabled', dropdown = '.k-dropdown', colorpicker = '.k-colorpicker', editorTools = [
buttons,
dropdown,
colorpicker
].join(',');
element.off(NS).on('mouseenter' + NS, enabledButtons, function () {
$(this).addClass('k-state-hover');
}).on('mouseleave' + NS, enabledButtons, function () {
$(this).removeClass('k-state-hover');
}).on('mousedown' + NS, editorTools, function (e) {
e.preventDefault();
}).on('keydown' + NS, focusable, function (e) {
var current = this;
var resizable = that.options.resizable && that.options.resizable.toolbar;
var focusElement, currentContainer, keyCode = e.keyCode;
function move(direction, container, constrain) {
var tools = container.find(focusable);
var index = tools.index(current) + direction;
if (constrain) {
index = Math.max(0, Math.min(tools.length - 1, index));
}
return tools[index];
}
if (keyCode == keys.RIGHT || keyCode == keys.LEFT) {
if (!$(current).hasClass('.k-dropdown')) {
focusElement = move(keyCode == keys.RIGHT ? 1 : -1, that.element, true);
}
} else if (resizable && (keyCode == keys.UP || keyCode == keys.DOWN)) {
focusElement = move(keyCode == keys.DOWN ? 1 : -1, that.overflowPopup.element, true);
} else if (keyCode == keys.ESC) {
if (that.overflowPopup && that.overflowPopup.visible()) {
that.overflowPopup.close();
}
focusElement = that._editor;
} else if (keyCode == keys.TAB && !(e.ctrlKey || e.altKey)) {
if (resizable) {
currentContainer = $(current.parentElement).hasClass('k-overflow-tool-group') ? that.overflowPopup.element : that.element;
} else {
currentContainer = that.element;
}
if (e.shiftKey) {
focusElement = move(-1, currentContainer);
} else {
focusElement = move(1, currentContainer);
if (!focusElement) {
focusElement = that._editor;
}
}
}
if (focusElement) {
e.preventDefault();
focusElement.focus();
}
if (keyCode === keys.ENTER && $(current).is('a') && !$(current).attr('href')) {
that._executeToolCommand(current, e);
}
}).on('click' + NS, enabledButtons, function (e) {
that._executeToolCommand(this, e);
}).on('click' + NS, disabledButtons, function (e) {
e.preventDefault();
});
},
_executeToolCommand: function (toolElement, e) {
var that = this;
var button = $(toolElement);
e.preventDefault();
e.stopPropagation();
button.removeClass('k-state-hover');
if (!button.is('[data-popup]')) {
that._editor.exec(that._toolName(toolElement));
}
},
_toolName: function (element) {
if (!element) {
return;
}
var className = element.className;
if (/k-tool\b/i.test(className)) {
className = element.firstChild.className;
}
var tool = $.grep(className.split(' '), function (x) {
return !/^k-(widget|tool|tool-icon|icon|state-hover|header|combobox|dropdown|selectbox|colorpicker)$/i.test(x);
});
if (tool[0]) {
var toolname = tool[0];
if (toolNamesByCssClass[toolname]) {
toolname = toolNamesByCssClass[toolname];
}
if (toolname.indexOf('k-i-') >= 0) {
return kendo.toCamelCase(toolname.substring(toolname.indexOf('k-i-') + 4));
} else {
return toolname.substring(toolname.lastIndexOf('-') + 1);
}
}
return 'custom';
},
refreshTools: function () {
var that = this, editorNS = kendo.ui.editor, editor = that._editor, range = editor.getRange(), nodes = editorNS.RangeUtils.textNodes(range), immutables = editor.options.immutables, immutablesContext = that._immutablesContext(range);
nodes = editorNS.Dom.filterBy(nodes, editorNS.Dom.htmlIndentSpace, true);
if (!nodes.length) {
nodes = [range.startContainer];
}
that.items().each(function () {
var tool = that.tools[that._toolName(this)];
if (tool) {
var ui = $(this);
if (tool.update) {
tool.update(ui, nodes);
}
if (immutables) {
that._updateImmutablesState(tool, ui, immutablesContext);
}
}
});
this.update();
},
_immutablesContext: function (range) {
if (this._editor.options.immutables) {
var editorNS = kendo.ui.editor;
if (range.collapsed) {
return editorNS.Immutables.immutablesContext(range);
} else {
return editorNS.RangeUtils.editableTextNodes(range).length === 0;
}
}
},
_updateImmutablesState: function (tool, ui, immutablesContext) {
var name = tool.name;
var uiElement = ui;
var trackImmutables = tool.options.trackImmutables;
if (trackImmutables === undefined) {
trackImmutables = $.inArray(name, editorNS.Immutables.toolsToBeUpdated) > -1;
}
if (trackImmutables) {
var display = immutablesContext ? 'none' : '';
if (!ui.is('.k-tool')) {
var uiData = ui.data();
for (var key in uiData) {
if (key.match(/^kendo[A-Z][a-zA-Z]*/)) {
var widget = uiData[key];
uiElement = widget.wrapper;
break;
}
}
}
uiElement.css('display', display);
var groupUi = uiElement.closest('li');
if (groupUi.children(':visible').length === 0) {
groupUi.css('display', display);
}
}
},
update: function () {
this.updateGroups();
},
_resize: function (e) {
var containerWidth = e.width;
var resizable = this.options.resizable && this.options.resizable.toolbar;
var popup = this.overflowPopup;
this.refreshTools();
if (!resizable) {
return;
}
if (popup.visible()) {
popup.close(true);
}
this._refreshWidths();
this._shrink(containerWidth);
this._stretch(containerWidth);
this._toggleOverflowStyles(this.element, false);
this._toggleOverflowStyles(this.overflowPopup.element, true);
this.element.children('li.k-overflow-tools').css('visibility', popup.element.is(':empty') ? 'hidden' : 'visible');
},
_refreshWidths: function () {
this.element.children('li').each(function (idx, element) {
var group = $(element);
group.data('outerWidth', outerWidth(group, true));
});
},
_shrink: function (width) {
var group, visibleGroups;
if (width < this._groupsWidth()) {
visibleGroups = this._visibleGroups().filter(':not(.k-overflow-tools)');
for (var i = visibleGroups.length - 1; i >= 0; i--) {
group = visibleGroups.eq(i);
if (width > this._groupsWidth()) {
break;
} else {
this._hideGroup(group);
}
}
}
},
_stretch: function (width) {
var group, hiddenGroups;
if (width > this._groupsWidth()) {
hiddenGroups = this._hiddenGroups();
for (var i = 0; i < hiddenGroups.length; i++) {
group = hiddenGroups.eq(i);
if (width < this._groupsWidth() || !this._showGroup(group, width)) {
break;
}
}
}
},
_hiddenGroups: function () {
var popup = this.overflowPopup;
var hiddenGroups = this.element.children('li.k-tool-group').filter(':hidden');
hiddenGroups = hiddenGroups.add(popup.element.children('li'));
hiddenGroups.sort(function (a, b) {
return $(a).data('position') > $(b).data('position') ? 1 : -1;
});
return hiddenGroups;
},
_visibleGroups: function () {
return this.element.children('li.k-tool-group, li.k-overflow-tools').filter(':visible');
},
_groupsWidth: function () {
var width = 0;
this._visibleGroups().each(function () {
width += $(this).data('outerWidth');
});
return Math.ceil(width);
},
_hideGroup: function (group) {
if (group.data('overflow')) {
var popup = this.overflowPopup;
group.detach().prependTo(popup.element).addClass('k-overflow-tool-group');
} else {
group.hide();
}
},
_showGroup: function (group, width) {
var position, previous;
if (group.length && width > this._groupsWidth() + group.data('outerWidth')) {
if (group.hasClass('k-overflow-tool-group')) {
position = group.data('position');
if (position === 0) {
group.detach().prependTo(this.element);
} else {
previous = this.element.children().filter(function (idx, element) {
return $(element).data('position') === position - 1;
});
group.detach().insertAfter(previous);
}
group.removeClass('k-overflow-tool-group');
} else {
group.show();
}
return true;
}
return false;
}
});
$.extend(editorNS, { Toolbar: Toolbar });
}(window.jQuery || window.kendo.jQuery));
}, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) {
(a3 || a2)();
}));
(function (f, define) {
define('editor/tables', ['editor/toolbar'], f);
}(function () {
(function ($, undefined) {
var kendo = window.kendo, extend = $.extend, proxy = $.proxy, Editor = kendo.ui.editor, dom = Editor.Dom, EditorUtils = Editor.EditorUtils, RangeUtils = Editor.RangeUtils, Command = Editor.Command, NS = 'kendoEditor', ACTIVESTATE = 'k-state-active', SELECTEDSTATE = 'k-state-selected', Tool = Editor.Tool, ToolTemplate = Editor.ToolTemplate, InsertHtmlCommand = Editor.InsertHtmlCommand, BlockFormatFinder = Editor.BlockFormatFinder, registerTool = Editor.EditorUtils.registerTool, getTouches = kendo.getTouches;
var template = kendo.template;
var columnTemplate = '#=content# ';
var tableFormatFinder = new BlockFormatFinder([{ tags: ['table'] }]);
var TableCommand = InsertHtmlCommand.extend({
init: function (options) {
var o = $.extend({
postProcess: this.postProcess,
skipCleaners: true
}, options || {});
InsertHtmlCommand.fn.init.call(this, o);
},
_tableHtml: function (rows, columns) {
rows = rows || 1;
columns = columns || 1;
var columnHtml = template(columnTemplate)({
width: 100 / columns,
content: Editor.emptyTableCellContent
});
var rowHeight = 100 / rows;
return '' + new Array(rows + 1).join('
';
},
postProcess: function (editor, range) {
var insertedTable = $('table[data-last]', editor.document).removeAttr('data-last');
range.setStart(insertedTable.find('td')[0], 0);
range.collapse(true);
editor.selectRange(range);
},
exec: function () {
var options = this.options;
options.html = this._tableHtml(options.rows, options.columns);
InsertHtmlCommand.fn.exec.call(this);
}
});
var PopupTool = Tool.extend({
initialize: function (ui, options) {
Tool.fn.initialize.call(this, ui, options);
var popup = $(this.options.popupTemplate).appendTo('body').kendoPopup({
anchor: ui,
copyAnchorStyles: false,
open: proxy(this._open, this),
activate: proxy(this._activate, this),
close: proxy(this._close, this)
}).data('kendoPopup');
ui.click(proxy(this._toggle, this)).keydown(proxy(this._keydown, this));
var editor = this._editor = options.editor;
this._popup = popup;
var tableWizard = new Editor.TableWizardTool({
template: new ToolTemplate({
template: EditorUtils.buttonTemplate,
title: editor.options.messages.tableWizard
}),
command: Editor.TableWizardCommand,
insertNewTable: true
});
registerTool('tableWizardInsert', tableWizard);
var twTool = $('');
twTool.appendTo(popup.element);
if (editor.toolbar) {
editor.toolbar.attachToolsEvents(twTool);
}
},
popup: function () {
return this._popup;
},
_activate: $.noop,
_open: function () {
this._popup.options.anchor.addClass(ACTIVESTATE);
},
_close: function () {
this._popup.options.anchor.removeClass(ACTIVESTATE);
},
_keydown: function (e) {
var keys = kendo.keys;
var key = e.keyCode;
if (key == keys.DOWN && e.altKey) {
this._popup.open();
} else if (key == keys.ESC) {
this._popup.close();
}
},
_toggle: function (e) {
var button = $(e.target).closest('.k-tool');
if (!button.hasClass('k-state-disabled')) {
this.popup().toggle();
}
},
update: function (ui) {
var popup = this.popup();
if (popup.wrapper && popup.wrapper.css('display') == 'block') {
popup.close();
}
ui.removeClass('k-state-hover');
},
destroy: function () {
this._popup.destroy();
}
});
var InsertTableTool = PopupTool.extend({
init: function (options) {
this.cols = 8;
this.rows = 6;
PopupTool.fn.init.call(this, $.extend(options, {
command: TableCommand,
popupTemplate: '
';
html += '#}else{#';
html += '
';
html += '#}#';
html += '#if(' + TYPEFIELD + ' == "d") { #';
html += '';
html += '#}#';
html += '
';
html += '#}else{#';
html += '
';
html += '#}#';
html += '${' + NAMEFIELD + '}';
html += '#if(' + TYPEFIELD + ' == "f") { # ${this.sizeFormatter(' + SIZEFIELD + ')} #}#';
html += '
';
html += '#}else{#';
if (that.options.transport && that.options.transport.thumbnailUrl) {
html += '
';
} else {
html += '
';
}
html += '#}#';
html += '${' + NAMEFIELD + '}';
html += '#if(' + TYPEFIELD + ' == "f") { # ${this.sizeFormatter(' + SIZEFIELD + ')} #}#';
html += '
#= content(item) #
'),
itemWrapper: template('<#= tag(item) # class=\'k-link\'#= contentUrl(item) ##= textAttributes(item) #>' + '#= image(item) ##= sprite(item) ##= text(item) #' + ''),
item: template('').insertAfter(this.textarea);
this.wrapper.kendoResizable(extend({}, this.options.resizable, {
start: function (e) {
var editor = this.editor = $(e.currentTarget).closest('.k-editor');
this.initialSize = editor.height();
editor.find('td:last').append('');
},
resize: function (e) {
var delta = e.y.initialDelta;
var newSize = this.initialSize + delta;
var min = this.options.min || 0;
var max = this.options.max || Infinity;
newSize = Math.min(max, Math.max(min, newSize));
this.editor.height(newSize);
},
resizeend: function () {
this.editor.find('.k-overlay').remove();
this.editor = null;
}
}));
if (kendo.support.mobileOS.ios) {
var resizableWidget = this.wrapper.getKendoResizable();
resizableWidget.draggable.options.ignore = SELECT_OVERLAY_SELECTOR;
}
}
},
_initializeTableResizing: function () {
var editor = this;
kendo.ui.editor.TableResizing.create(editor);
editor._showTableResizeHandlesProxy = proxy(editor._showTableResizeHandles, editor);
editor.bind(SELECT, editor._showTableResizeHandlesProxy);
},
_destroyTableResizing: function () {
var editor = this;
var tableResizing = editor.tableResizing;
if (tableResizing) {
tableResizing.destroy();
editor.tableResizing = null;
}
if (editor._showTableResizeHandlesProxy) {
editor.unbind(SELECT, editor._showTableResizeHandlesProxy);
}
},
_showTableResizeHandles: function () {
var editor = this;
var tableResizing = editor.tableResizing;
if (tableResizing) {
tableResizing.showResizeHandles();
}
},
_initializeColumnResizing: function () {
kendo.ui.editor.ColumnResizing.create(this);
},
_destroyColumnResizing: function () {
var editor = this;
if (editor.columnResizing) {
editor.columnResizing.destroy();
editor.columnResizing = null;
}
},
_initializeRowResizing: function () {
kendo.ui.editor.RowResizing.create(this);
},
_destroyRowResizing: function () {
var editor = this;
if (editor.rowResizing) {
editor.rowResizing.destroy();
editor.rowResizing = null;
}
},
_wrapTextarea: function () {
var that = this, textarea = that.element, w = textarea[0].style.width, h = textarea[0].style.height, template = EditorUtils.editorWrapperTemplate, editorWrap = $(template).insertBefore(textarea).width(w).height(h), editArea = editorWrap.find('.k-editable-area');
textarea.attr('autocomplete', 'off').appendTo(editArea).addClass('k-content k-raw-content').css('display', 'none');
that.textarea = textarea;
that.wrapper = editorWrap;
},
_createContentElement: function (stylesheets) {
var editor = this;
var iframe, wnd, doc;
var textarea = editor.textarea;
var specifiedDomain = editor.options.domain;
var domain = specifiedDomain || document.domain;
var domainScript = '';
var src = 'javascript:""';
if (specifiedDomain || domain != location.hostname) {
domainScript = '';
src = 'javascript:document.write(\'' + domainScript + '\')';
}
textarea.hide();
iframe = $('', {
title: editor.options.messages.editAreaTitle,
frameBorder: '0'
})[0];
$(iframe).css('display', '').addClass('k-content').attr('tabindex', textarea[0].tabIndex).insertBefore(textarea);
iframe.src = src;
wnd = iframe.contentWindow || iframe;
doc = wnd.document || iframe.contentDocument;
$(iframe).one('load', function () {
editor.toolbar.decorateFrom(doc.body);
});
doc.open();
doc.write('' + '' + '' + domainScript + '' + $.map(stylesheets, function (href) {
return '';
}).join('') + '');
doc.close();
return wnd;
},
_blur: function () {
var textarea = this.textarea;
var old = textarea ? textarea.val() : this._oldValue;
var value = this.options.encoded ? this.encodedValue() : this.value();
this.update();
if (textarea) {
textarea.trigger('blur');
}
if (value != old) {
this.trigger('change');
}
},
_spellCorrect: function (editor) {
var beforeCorrection;
var falseTrigger = false;
this._registerHandler(editor.body, {
'contextmenu': function () {
editor.one('select', function () {
beforeCorrection = null;
});
editor._spellCorrectTimeout = setTimeout(function () {
beforeCorrection = new kendo.ui.editor.RestorePoint(editor.getRange(), editor.body);
falseTrigger = false;
}, 10);
},
'input': function () {
if (!beforeCorrection) {
return;
}
if (kendo.support.browser.mozilla && !falseTrigger) {
falseTrigger = true;
return;
}
kendo.ui.editor._finishUpdate(editor, beforeCorrection);
}
});
},
_registerHandler: function (element, type, handler) {
var editor = this;
var NS = '.kendoEditor';
var eventNames;
var i;
element = $(element);
if (!this._handlers) {
this._handlers = [];
}
if (element.length) {
if ($.isPlainObject(type)) {
for (var t in type) {
if (type.hasOwnProperty(t)) {
this._registerHandler(element, t, type[t]);
}
}
} else {
eventNames = kendo.applyEventMap(type).split(' ');
for (i = 0; i < eventNames.length; i++) {
editor._handlers.push({
element: element,
type: eventNames[i] + NS,
handler: handler
});
element.on(eventNames[i] + NS, handler);
}
}
}
},
_deregisterHandlers: function () {
var handlers = this._handlers;
for (var i = 0; i < handlers.length; i++) {
var h = handlers[i];
h.element.off(h.type, h.handler);
}
this._handlers = [];
},
_initializeContentElement: function () {
var editor = this;
var doc;
var blurTrigger;
var mousedownTrigger;
if (editor.textarea) {
editor.window = editor._createContentElement(editor.options.stylesheets);
doc = editor.document = editor.window.contentDocument || editor.window.document;
editor.body = doc.body;
blurTrigger = editor.window;
mousedownTrigger = doc;
this._registerHandler(doc, 'mouseup', proxy(this._mouseup, this));
} else {
editor.window = window;
doc = editor.document = document;
editor.body = editor.element[0];
blurTrigger = editor.body;
mousedownTrigger = editor.body;
editor.toolbar.decorateFrom(editor.body);
}
this._registerHandler(blurTrigger, 'blur', proxy(this._blur, this));
editor._registerHandler(mousedownTrigger, 'down', proxy(editor._mousedown, editor));
try {
doc.execCommand('enableInlineTableEditing', null, false);
} catch (e) {
}
if (kendo.support.touch) {
this._registerHandler(doc, {
'keydown': function () {
if (kendo._activeElement() != doc.body) {
editor.window.focus();
}
}
});
}
this._spellCorrect(editor);
this._registerHandler(editor.body, {
'keydown': function (e) {
var range;
if ((e.keyCode === keys.BACKSPACE || e.keyCode === keys.DELETE) && editor.body.getAttribute('contenteditable') !== 'true') {
return false;
}
if (e.keyCode === keys.F10) {
setTimeout(proxy(editor.toolbar.focus, editor.toolbar), 100);
e.preventDefault();
return;
} else if (e.keyCode == keys.LEFT || e.keyCode == keys.RIGHT) {
range = editor.getRange();
var left = e.keyCode == keys.LEFT;
var container = range[left ? 'startContainer' : 'endContainer'];
var offset = range[left ? 'startOffset' : 'endOffset'];
var direction = left ? -1 : 1;
var next = offset + direction;
var nextChar = left ? next : offset;
if (container.nodeType == 3 && container.nodeValue[nextChar] == '\uFEFF') {
range.setStart(container, next);
range.collapse(true);
editor.selectRange(range);
}
}
var tools = editor.toolbar.tools;
var toolName = editor.keyboard.toolFromShortcut(tools, e);
var toolOptions = toolName ? tools[toolName].options : {};
if (toolName && !toolOptions.keyPressCommand) {
e.preventDefault();
if (!/^(undo|redo)$/.test(toolName)) {
editor.keyboard.endTyping(true);
}
editor.trigger('keydown', e);
editor.exec(toolName);
editor._runPostContentKeyCommands(e);
return false;
}
editor.keyboard.clearTimeout();
editor.keyboard.keydown(e);
},
'keypress': function (e) {
setTimeout(function () {
editor._runPostContentKeyCommands(e);
editor._showTableResizeHandles();
}, 0);
},
'keyup': function (e) {
var selectionCodes = [
keys.BACKSPACE,
keys.TAB,
keys.PAGEUP,
keys.PAGEDOWN,
keys.END,
keys.HOME,
keys.LEFT,
keys.UP,
keys.RIGHT,
keys.DOWN,
keys.INSERT,
keys.DELETE
];
if ($.inArray(e.keyCode, selectionCodes) > -1 || e.keyCode == 65 && e.ctrlKey && !e.altKey && !e.shiftKey) {
editor._selectionChange();
}
editor.keyboard.keyup(e);
},
'click': function (e) {
var dom = kendo.ui.editor.Dom, range;
if (dom.name(e.target) === 'img') {
range = editor.createRange();
range.selectNode(e.target);
editor.selectRange(range);
}
},
'cut copy paste': function (e) {
editor.clipboard['on' + e.type](e);
},
'focusin': function () {
if (editor.body.hasAttribute('contenteditable')) {
$(this).addClass('k-state-active');
editor.toolbar.show();
}
},
'focusout': function () {
setTimeout(function () {
var active = kendo._activeElement();
var body = editor.body;
var toolbar = editor.toolbar;
if (toolbar.options.popup) {
var toolbarContainerElement = toolbar.window.element.get(0);
if (toolbarContainerElement && !($.contains(toolbarContainerElement, active) || toolbarContainerElement == active)) {
toolbar.preventPopupHide = false;
}
}
if (active != body && !$.contains(body, active) && !$(active).is('.k-editortoolbar-dragHandle') && !toolbar.focused()) {
$(body).removeClass('k-state-active');
toolbar.hide();
}
}, 10);
}
});
editor._initializeColumnResizing();
editor._initializeRowResizing();
editor._initializeTableResizing();
},
_initializeImmutables: function () {
var that = this, editorNS = kendo.ui.editor;
if (that.options.immutables) {
that.immutables = new editorNS.Immutables(that);
}
},
_mousedown: function (e) {
var editor = this;
editor._selectionStarted = true;
if (browser.gecko) {
return;
}
var target = $(e.target);
if ((e.which == 2 || e.which == 1 && e.ctrlKey) && target.is('a[href]')) {
window.open(target.attr('href'), '_new');
}
},
_mouseup: function (e) {
var that = this;
if (kendo.support.mobileOS.ios && e && $(e.target).is(SELECT_OVERLAY_SELECTOR)) {
return;
}
if (that._selectionStarted) {
setTimeout(function () {
that._selectionChange();
}, 1);
}
},
_runPostContentKeyCommands: function (e) {
var range = this.getRange();
var tools = this.keyboard.toolsFromShortcut(this.toolbar.tools, e);
for (var i = 0; i < tools.length; i++) {
var tool = tools[i];
var o = tool.options;
if (!o.keyPressCommand) {
continue;
}
var cmd = new o.command({ range: range });
if (cmd.changesContent()) {
this.keyboard.endTyping(true);
this.exec(tool.name);
}
}
},
refresh: function () {
var that = this;
if (that.textarea) {
that._destroyResizings();
var value = that.value();
that.textarea.val(value);
that.wrapper.find('iframe').remove();
that._initializeContentElement(that);
that.value(value);
}
},
events: [
'select',
'change',
'execute',
'error',
'paste',
'keydown',
'keyup'
],
options: {
name: 'Editor',
messages: messages,
formats: {},
encoded: true,
domain: null,
resizable: false,
deserialization: { custom: null },
serialization: {
entities: true,
semantic: true,
scripts: false
},
pasteCleanup: {
all: false,
css: false,
custom: null,
keepNewLines: false,
msAllFormatting: false,
msConvertLists: true,
msTags: true,
none: false,
span: false
},
stylesheets: [],
dialogOptions: {
modal: true,
resizable: false,
draggable: true,
animation: false
},
imageBrowser: null,
fileBrowser: null,
fontName: [
{
text: 'Arial',
value: 'Arial,Helvetica,sans-serif'
},
{
text: 'Courier New',
value: '\'Courier New\',Courier,monospace'
},
{
text: 'Georgia',
value: 'Georgia,serif'
},
{
text: 'Impact',
value: 'Impact,Charcoal,sans-serif'
},
{
text: 'Lucida Console',
value: '\'Lucida Console\',Monaco,monospace'
},
{
text: 'Tahoma',
value: 'Tahoma,Geneva,sans-serif'
},
{
text: 'Times New Roman',
value: '\'Times New Roman\',Times,serif'
},
{
text: 'Trebuchet MS',
value: '\'Trebuchet MS\',Helvetica,sans-serif'
},
{
text: 'Verdana',
value: 'Verdana,Geneva,sans-serif'
}
],
fontSize: [
{
text: '1 (8pt)',
value: 'xx-small'
},
{
text: '2 (10pt)',
value: 'x-small'
},
{
text: '3 (12pt)',
value: 'small'
},
{
text: '4 (14pt)',
value: 'medium'
},
{
text: '5 (18pt)',
value: 'large'
},
{
text: '6 (24pt)',
value: 'x-large'
},
{
text: '7 (36pt)',
value: 'xx-large'
}
],
formatBlock: [
{
text: 'Paragraph',
value: 'p'
},
{
text: 'Quotation',
value: 'blockquote'
},
{
text: 'Heading 1',
value: 'h1'
},
{
text: 'Heading 2',
value: 'h2'
},
{
text: 'Heading 3',
value: 'h3'
},
{
text: 'Heading 4',
value: 'h4'
},
{
text: 'Heading 5',
value: 'h5'
},
{
text: 'Heading 6',
value: 'h6'
}
],
tools: [].concat.call(['formatting'], toolGroups.basic, toolGroups.alignment, toolGroups.lists, toolGroups.indenting, toolGroups.links, ['insertImage'], toolGroups.tables)
},
destroy: function () {
var editor = this;
Widget.fn.destroy.call(this);
this._endTyping(true);
this._deregisterHandlers();
clearTimeout(this._spellCorrectTimeout);
this._focusOutside();
this.toolbar.destroy();
editor._destroyUploadWidget();
editor._destroyResizings();
kendo.destroy(this.wrapper);
},
_destroyResizings: function () {
var editor = this;
editor._destroyTableResizing();
kendo.ui.editor.TableResizing.dispose(editor);
editor._destroyRowResizing();
kendo.ui.editor.RowResizing.dispose(editor);
editor._destroyColumnResizing();
kendo.ui.editor.ColumnResizing.dispose(editor);
},
_focusOutside: function () {
if (kendo.support.browser.msie && this.textarea) {
var tempInput = $('').appendTo(document.body).focus();
tempInput.blur().remove();
}
},
_destroyUploadWidget: function () {
var editor = this;
if (editor._uploadWidget) {
editor._uploadWidget.destroy();
editor._uploadWidget = null;
}
},
state: function (toolName) {
var tool = Editor.defaultTools[toolName];
var finder = tool && (tool.options.finder || tool.finder);
var RangeUtils = kendo.ui.editor.RangeUtils;
var range, textNodes;
if (finder) {
range = this.getRange();
textNodes = RangeUtils.textNodes(range);
if (!textNodes.length && range.collapsed) {
textNodes = [range.startContainer];
}
return finder.getFormat ? finder.getFormat(textNodes) : finder.isFormatted(textNodes);
}
return false;
},
value: function (html) {
var body = this.body, editorNS = kendo.ui.editor, options = this.options, currentHtml = editorNS.Serializer.domToXhtml(body, options.serialization);
if (html === undefined) {
return currentHtml;
}
if (html == currentHtml) {
return;
}
editorNS.Serializer.htmlToDom(html, body, options.deserialization);
this.selectionRestorePoint = null;
this.update();
this.toolbar.refreshTools();
},
saveSelection: function (range) {
range = range || this.getRange();
var container = range.commonAncestorContainer, body = this.body;
if (container == body || $.contains(body, container)) {
this.selectionRestorePoint = new kendo.ui.editor.RestorePoint(range, body);
}
},
_focusBody: function () {
var body = this.body;
var iframe = this.wrapper && this.wrapper.find('iframe')[0];
var documentElement = this.document.documentElement;
var activeElement = kendo._activeElement();
var scrollTop;
if (iframe) {
if (activeElement != body && activeElement != iframe) {
scrollTop = documentElement.scrollTop;
body.focus();
documentElement.scrollTop = scrollTop;
}
} else {
scrollTop = body.scrollTop;
body.focus();
body.scrollTop = scrollTop;
}
},
restoreSelection: function () {
this._focusBody();
if (this.selectionRestorePoint) {
this.selectRange(this.selectionRestorePoint.toRange());
}
},
focus: function () {
this.restoreSelection();
},
update: function (value) {
value = value || this.options.encoded ? this.encodedValue() : this.value();
if (this.textarea) {
this.textarea.val(value);
} else {
this._oldValue = value;
}
},
encodedValue: function () {
return kendo.ui.editor.Dom.encode(this.value());
},
createRange: function (document) {
return kendo.ui.editor.RangeUtils.createRange(document || this.document);
},
getSelection: function () {
return kendo.ui.editor.SelectionUtils.selectionFromDocument(this.document);
},
selectRange: function (range) {
this._focusBody();
var selection = this.getSelection();
selection.removeAllRanges();
selection.addRange(range);
this.saveSelection(range);
},
getRange: function () {
var selection = this.getSelection(), range = selection && selection.rangeCount > 0 ? selection.getRangeAt(0) : this.createRange(), doc = this.document;
if (range.startContainer == doc && range.endContainer == doc && !range.startOffset && !range.endOffset) {
range.setStart(this.body, 0);
range.collapse(true);
}
return range;
},
_containsRange: function (range) {
var dom = kendo.ui.editor.Dom;
var body = this.body;
return range && dom.isAncestorOrSelf(body, range.startContainer) && dom.isAncestorOrSelf(body, range.endContainer);
},
selectedHtml: function () {
return kendo.ui.editor.Serializer.domToXhtml(this.getRange().cloneContents());
},
paste: function (html, options) {
this.focus();
var command = new kendo.ui.editor.InsertHtmlCommand($.extend({
range: this.getRange(),
html: html
}, options));
command.editor = this;
command.exec();
},
exec: function (name, params) {
var that = this;
var command = null;
var range, tool, prevented;
if (!name) {
throw new Error('kendoEditor.exec(): `name` parameter cannot be empty');
}
if (that.body.getAttribute('contenteditable') !== 'true' && name !== 'print' && name !== 'pdf') {
return false;
}
name = name.toLowerCase();
if (!that.keyboard.isTypingInProgress()) {
that._focusBody();
that.selectRange(that._range || that.getRange());
}
tool = that.toolbar.toolById(name);
if (!tool) {
for (var id in Editor.defaultTools) {
if (id.toLowerCase() == name) {
tool = Editor.defaultTools[id];
break;
}
}
}
if (tool) {
range = that.getRange();
if (tool.command) {
command = tool.command(extend({
range: range,
body: that.body,
immutables: !!that.immutables
}, params));
}
prevented = that.trigger('execute', {
name: name,
command: command
});
if (prevented) {
return;
}
if (/^(undo|redo)$/i.test(name)) {
that.undoRedoStack[name]();
} else if (command) {
that.execCommand(command);
if (command.async) {
command.change = proxy(that._selectionChange, that);
return;
}
}
that._selectionChange();
}
},
execCommand: function (command) {
if (!command.managesUndoRedo) {
this.undoRedoStack.push(command);
}
command.editor = this;
command.exec();
}
});
Editor.defaultTools = {
undo: {
options: {
key: 'Z',
ctrl: true
}
},
redo: {
options: {
key: 'Y',
ctrl: true
}
}
};
kendo.ui.plugin(Editor);
var Tool = Class.extend({
init: function (options) {
this.options = options;
},
initialize: function (ui, options) {
ui.attr({
unselectable: 'on',
title: options.title
});
ui.children('.k-tool-text').html(options.title);
},
command: function (commandArguments) {
return new this.options.command(commandArguments);
},
update: $.noop
});
Tool.exec = function (editor, name, value) {
editor.exec(name, { value: value });
};
var FormatTool = Tool.extend({
init: function (options) {
Tool.fn.init.call(this, options);
},
command: function (commandArguments) {
var that = this;
return new kendo.ui.editor.FormatCommand(extend(commandArguments, { formatter: that.options.formatter }));
},
update: function (ui, nodes) {
var isFormatted = this.options.finder.isFormatted(nodes);
ui.toggleClass('k-state-selected', isFormatted);
ui.attr('aria-pressed', isFormatted);
}
});
EditorUtils.registerTool('separator', new Tool({ template: new ToolTemplate({ template: EditorUtils.separatorTemplate }) }));
var bomFill = browser.msie && browser.version < 9 ? '\uFEFF' : '';
var emptyElementContent = '\uFEFF';
var emptyTableCellContent = emptyElementContent;
if (browser.msie && browser.version == 10) {
emptyTableCellContent = ' ';
}
extend(kendo.ui, {
editor: {
ToolTemplate: ToolTemplate,
EditorUtils: EditorUtils,
Tool: Tool,
FormatTool: FormatTool,
_bomFill: bomFill,
emptyElementContent: emptyElementContent,
emptyTableCellContent: emptyTableCellContent
}
});
if (kendo.PDFMixin) {
kendo.PDFMixin.extend(Editor.prototype);
Editor.prototype._drawPDF = function () {
return kendo.drawing.drawDOM(this.body, this.options.pdf);
};
Editor.prototype.saveAsPDF = function () {
var progress = new $.Deferred();
var promise = progress.promise();
var args = { promise: promise };
if (this.trigger('pdfExport', args)) {
return;
}
var options = this.options.pdf;
this._drawPDF(progress).then(function (root) {
return kendo.drawing.exportPDF(root, options);
}).done(function (dataURI) {
kendo.saveAs({
dataURI: dataURI,
fileName: options.fileName,
proxyURL: options.proxyURL,
forceProxy: options.forceProxy
});
progress.resolve();
}).fail(function (err) {
progress.reject(err);
});
return promise;
};
}
}(window.kendo.jQuery));
}, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) {
(a3 || a2)();
}));
(function (f, define) {
define('editor/dom', ['editor/main'], f);
}(function () {
(function ($) {
var kendo = window.kendo, map = $.map, extend = $.extend, browser = kendo.support.browser, STYLE = 'style', FLOAT = 'float', CSSFLOAT = 'cssFloat', STYLEFLOAT = 'styleFloat', CLASS = 'class', KMARKER = 'k-marker';
function makeMap(items) {
var obj = {}, i, len;
for (i = 0, len = items.length; i < len; i++) {
obj[items[i]] = true;
}
return obj;
}
var empty = makeMap('area,base,basefont,br,col,frame,hr,img,input,isindex,link,meta,param,embed'.split(',')), nonListBlockElements = 'div,p,h1,h2,h3,h4,h5,h6,address,applet,blockquote,button,center,dd,dir,dl,dt,fieldset,form,frameset,hr,iframe,isindex,map,menu,noframes,noscript,object,pre,script,table,tbody,td,tfoot,th,thead,tr,header,article,nav,footer,section,aside,main,figure,figcaption'.split(','), blockElements = nonListBlockElements.concat([
'ul',
'ol',
'li'
]), block = makeMap(blockElements), inlineElements = 'span,em,a,abbr,acronym,applet,b,basefont,bdo,big,br,button,cite,code,del,dfn,font,i,iframe,img,input,ins,kbd,label,map,object,q,s,samp,script,select,small,strike,strong,sub,sup,textarea,tt,u,var,data,time,mark,ruby'.split(','), inline = makeMap(inlineElements), fillAttrs = makeMap('checked,compact,declare,defer,disabled,ismap,multiple,nohref,noresize,noshade,nowrap,readonly,selected'.split(','));
var normalize = function (node) {
if (node.nodeType == 1) {
node.normalize();
}
};
if (browser.msie && browser.version >= 8) {
normalize = function (parent) {
if (parent.nodeType == 1 && parent.firstChild) {
var prev = parent.firstChild, node = prev;
while (true) {
node = node.nextSibling;
if (!node) {
break;
}
if (node.nodeType == 3 && prev.nodeType == 3) {
node.nodeValue = prev.nodeValue + node.nodeValue;
Dom.remove(prev);
}
prev = node;
}
}
};
}
var whitespace = /^\s+$/, emptyspace = /^[\n\r\t]+$/, rgb = /rgb\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)/i, bom = /\ufeff/g, whitespaceOrBom = /^(\s+|\ufeff)$/, persistedScrollTop, cssAttributes = ('color,padding-left,padding-right,padding-top,padding-bottom,' + 'background-color,background-attachment,background-image,background-position,background-repeat,' + 'border-top-style,border-top-width,border-top-color,' + 'border-bottom-style,border-bottom-width,border-bottom-color,' + 'border-left-style,border-left-width,border-left-color,' + 'border-right-style,border-right-width,border-right-color,' + 'font-family,font-size,font-style,font-variant,font-weight,line-height').split(','), htmlRe = /[<>\&]/g, entityRe = /[\u00A0-\u2666<>\&]/g, entityTable = {
34: 'quot',
38: 'amp',
39: 'apos',
60: 'lt',
62: 'gt',
160: 'nbsp',
161: 'iexcl',
162: 'cent',
163: 'pound',
164: 'curren',
165: 'yen',
166: 'brvbar',
167: 'sect',
168: 'uml',
169: 'copy',
170: 'ordf',
171: 'laquo',
172: 'not',
173: 'shy',
174: 'reg',
175: 'macr',
176: 'deg',
177: 'plusmn',
178: 'sup2',
179: 'sup3',
180: 'acute',
181: 'micro',
182: 'para',
183: 'middot',
184: 'cedil',
185: 'sup1',
186: 'ordm',
187: 'raquo',
188: 'frac14',
189: 'frac12',
190: 'frac34',
191: 'iquest',
192: 'Agrave',
193: 'Aacute',
194: 'Acirc',
195: 'Atilde',
196: 'Auml',
197: 'Aring',
198: 'AElig',
199: 'Ccedil',
200: 'Egrave',
201: 'Eacute',
202: 'Ecirc',
203: 'Euml',
204: 'Igrave',
205: 'Iacute',
206: 'Icirc',
207: 'Iuml',
208: 'ETH',
209: 'Ntilde',
210: 'Ograve',
211: 'Oacute',
212: 'Ocirc',
213: 'Otilde',
214: 'Ouml',
215: 'times',
216: 'Oslash',
217: 'Ugrave',
218: 'Uacute',
219: 'Ucirc',
220: 'Uuml',
221: 'Yacute',
222: 'THORN',
223: 'szlig',
224: 'agrave',
225: 'aacute',
226: 'acirc',
227: 'atilde',
228: 'auml',
229: 'aring',
230: 'aelig',
231: 'ccedil',
232: 'egrave',
233: 'eacute',
234: 'ecirc',
235: 'euml',
236: 'igrave',
237: 'iacute',
238: 'icirc',
239: 'iuml',
240: 'eth',
241: 'ntilde',
242: 'ograve',
243: 'oacute',
244: 'ocirc',
245: 'otilde',
246: 'ouml',
247: 'divide',
248: 'oslash',
249: 'ugrave',
250: 'uacute',
251: 'ucirc',
252: 'uuml',
253: 'yacute',
254: 'thorn',
255: 'yuml',
402: 'fnof',
913: 'Alpha',
914: 'Beta',
915: 'Gamma',
916: 'Delta',
917: 'Epsilon',
918: 'Zeta',
919: 'Eta',
920: 'Theta',
921: 'Iota',
922: 'Kappa',
923: 'Lambda',
924: 'Mu',
925: 'Nu',
926: 'Xi',
927: 'Omicron',
928: 'Pi',
929: 'Rho',
931: 'Sigma',
932: 'Tau',
933: 'Upsilon',
934: 'Phi',
935: 'Chi',
936: 'Psi',
937: 'Omega',
945: 'alpha',
946: 'beta',
947: 'gamma',
948: 'delta',
949: 'epsilon',
950: 'zeta',
951: 'eta',
952: 'theta',
953: 'iota',
954: 'kappa',
955: 'lambda',
956: 'mu',
957: 'nu',
958: 'xi',
959: 'omicron',
960: 'pi',
961: 'rho',
962: 'sigmaf',
963: 'sigma',
964: 'tau',
965: 'upsilon',
966: 'phi',
967: 'chi',
968: 'psi',
969: 'omega',
977: 'thetasym',
978: 'upsih',
982: 'piv',
8226: 'bull',
8230: 'hellip',
8242: 'prime',
8243: 'Prime',
8254: 'oline',
8260: 'frasl',
8472: 'weierp',
8465: 'image',
8476: 'real',
8482: 'trade',
8501: 'alefsym',
8592: 'larr',
8593: 'uarr',
8594: 'rarr',
8595: 'darr',
8596: 'harr',
8629: 'crarr',
8656: 'lArr',
8657: 'uArr',
8658: 'rArr',
8659: 'dArr',
8660: 'hArr',
8704: 'forall',
8706: 'part',
8707: 'exist',
8709: 'empty',
8711: 'nabla',
8712: 'isin',
8713: 'notin',
8715: 'ni',
8719: 'prod',
8721: 'sum',
8722: 'minus',
8727: 'lowast',
8730: 'radic',
8733: 'prop',
8734: 'infin',
8736: 'ang',
8743: 'and',
8744: 'or',
8745: 'cap',
8746: 'cup',
8747: 'int',
8756: 'there4',
8764: 'sim',
8773: 'cong',
8776: 'asymp',
8800: 'ne',
8801: 'equiv',
8804: 'le',
8805: 'ge',
8834: 'sub',
8835: 'sup',
8836: 'nsub',
8838: 'sube',
8839: 'supe',
8853: 'oplus',
8855: 'otimes',
8869: 'perp',
8901: 'sdot',
8968: 'lceil',
8969: 'rceil',
8970: 'lfloor',
8971: 'rfloor',
9001: 'lang',
9002: 'rang',
9674: 'loz',
9824: 'spades',
9827: 'clubs',
9829: 'hearts',
9830: 'diams',
338: 'OElig',
339: 'oelig',
352: 'Scaron',
353: 'scaron',
376: 'Yuml',
710: 'circ',
732: 'tilde',
8194: 'ensp',
8195: 'emsp',
8201: 'thinsp',
8204: 'zwnj',
8205: 'zwj',
8206: 'lrm',
8207: 'rlm',
8211: 'ndash',
8212: 'mdash',
8216: 'lsquo',
8217: 'rsquo',
8218: 'sbquo',
8220: 'ldquo',
8221: 'rdquo',
8222: 'bdquo',
8224: 'dagger',
8225: 'Dagger',
8240: 'permil',
8249: 'lsaquo',
8250: 'rsaquo',
8364: 'euro'
};
var Dom = {
block: block,
inline: inline,
findNodeIndex: function (node, skipText) {
var i = 0;
if (!node) {
return -1;
}
while (true) {
node = node.previousSibling;
if (!node) {
break;
}
if (!(skipText && node.nodeType == 3)) {
i++;
}
}
return i;
},
isDataNode: function (node) {
return node && node.nodeValue !== null && node.data !== null;
},
isAncestorOf: function (parent, node) {
try {
return !Dom.isDataNode(parent) && ($.contains(parent, Dom.isDataNode(node) ? node.parentNode : node) || node.parentNode == parent);
} catch (e) {
return false;
}
},
isAncestorOrSelf: function (root, node) {
return Dom.isAncestorOf(root, node) || root == node;
},
findClosestAncestor: function (root, node) {
if (Dom.isAncestorOf(root, node)) {
while (node && node.parentNode != root) {
node = node.parentNode;
}
}
return node;
},
getNodeLength: function (node) {
return Dom.isDataNode(node) ? node.length : node.childNodes.length;
},
splitDataNode: function (node, offset) {
var newNode = node.cloneNode(false);
var denormalizedText = '';
var iterator = node.nextSibling;
var temp;
while (iterator && iterator.nodeType == 3 && iterator.nodeValue) {
denormalizedText += iterator.nodeValue;
temp = iterator;
iterator = iterator.nextSibling;
Dom.remove(temp);
}
node.deleteData(offset, node.length);
newNode.deleteData(0, offset);
newNode.nodeValue += denormalizedText;
Dom.insertAfter(newNode, node);
},
attrEquals: function (node, attributes) {
for (var key in attributes) {
var value = node[key];
if (key == FLOAT) {
value = node[kendo.support.cssFloat ? CSSFLOAT : STYLEFLOAT];
}
if (typeof value == 'object') {
if (!Dom.attrEquals(value, attributes[key])) {
return false;
}
} else if (value != attributes[key]) {
return false;
}
}
return true;
},
blockParentOrBody: function (node) {
return Dom.parentOfType(node, blockElements) || node.ownerDocument.body;
},
blockParents: function (nodes) {
var blocks = [], i, len;
for (i = 0, len = nodes.length; i < len; i++) {
var block = Dom.parentOfType(nodes[i], Dom.blockElements);
if (block && $.inArray(block, blocks) < 0) {
blocks.push(block);
}
}
return blocks;
},
windowFromDocument: function (document) {
return document.defaultView || document.parentWindow;
},
normalize: normalize,
blockElements: blockElements,
nonListBlockElements: nonListBlockElements,
inlineElements: inlineElements,
empty: empty,
fillAttrs: fillAttrs,
nodeTypes: {
ELEMENT_NODE: 1,
ATTRIBUTE_NODE: 2,
TEXT_NODE: 3,
CDATA_SECTION_NODE: 4,
ENTITY_REFERENCE_NODE: 5,
ENTITY_NODE: 6,
PROCESSING_INSTRUCTION_NODE: 7,
COMMENT_NODE: 8,
DOCUMENT_NODE: 9,
DOCUMENT_TYPE_NODE: 10,
DOCUMENT_FRAGMENT_NODE: 11,
NOTATION_NODE: 12
},
toHex: function (color) {
var matches = rgb.exec(color);
if (!matches) {
return color;
}
return '#' + map(matches.slice(1), function (x) {
x = parseInt(x, 10).toString(16);
return x.length > 1 ? x : '0' + x;
}).join('');
},
encode: function (value, options) {
var encodableChars = !options || options.entities ? entityRe : htmlRe;
return value.replace(encodableChars, function (c) {
var charCode = c.charCodeAt(0);
var entity = entityTable[charCode];
return entity ? '&' + entity + ';' : c;
});
},
isBom: function (node) {
return node && node.nodeType === 3 && /^[\ufeff]+$/.test(node.nodeValue);
},
stripBom: function (text) {
return (text || '').replace(bom, '');
},
stripBomNode: function (node) {
if (Dom.isBom(node)) {
node.parentNode.removeChild(node);
}
},
insignificant: function (node) {
var attr = node.attributes;
return node.className == 'k-marker' || Dom.is(node, 'br') && (node.className == 'k-br' || attr._moz_dirty || attr._moz_editor_bogus_node);
},
tableCell: function (node) {
return Dom.is(node, 'td') || Dom.is(node, 'th');
},
significantNodes: function (nodes) {
return $.grep(nodes, function (child) {
var name = Dom.name(child);
if (name == 'br') {
return false;
} else if (Dom.insignificant(child)) {
return false;
} else if (Dom.emptyTextNode(child)) {
return false;
} else if (child.nodeType == 1 && !empty[name] && Dom.emptyNode(child)) {
return false;
}
return true;
});
},
emptyTextNode: function (node) {
return node && node.nodeType == 3 && whitespaceOrBom.test(node.nodeValue);
},
emptyNode: function (node) {
return node.nodeType == 1 && !Dom.significantNodes(node.childNodes).length;
},
name: function (node) {
return node.nodeName.toLowerCase();
},
significantChildNodes: function (node) {
return $.grep(node.childNodes, function (child) {
return child.nodeType != 3 || !Dom.isWhitespace(child);
});
},
lastTextNode: function (node) {
var result = null;
if (node.nodeType == 3) {
return node;
}
for (var child = node.lastChild; child; child = child.previousSibling) {
result = Dom.lastTextNode(child);
if (result) {
return result;
}
}
return result;
},
is: function (node, nodeName) {
return node && Dom.name(node) == nodeName;
},
isMarker: function (node) {
return node.className == KMARKER;
},
isWhitespace: function (node) {
return whitespace.test(node.nodeValue);
},
allWhitespaceContent: function (node) {
var child = node.firstChild;
while (child && Dom.isWhitespace(child)) {
child = child.nextSibling;
}
return !child;
},
isEmptyspace: function (node) {
return emptyspace.test(node.nodeValue);
},
htmlIndentSpace: function (node) {
if (!(Dom.isDataNode(node) && Dom.isWhitespace(node))) {
return false;
}
if (emptyspace.test(node.nodeValue)) {
return true;
}
var sibling = function (el, direction) {
while (el[direction]) {
el = el[direction];
if (Dom.significantNodes([el]).length > 0) {
return el;
}
}
};
var parent = node.parentNode;
var prev = sibling(node, 'previousSibling');
var next = sibling(node, 'nextSibling');
if (bom.test(node.nodeValue)) {
return !!(prev || next);
}
if ($(parent).is('tr,tbody,thead,tfoot,table,ol,ul')) {
return true;
}
if (Dom.isBlock(parent) || Dom.is(parent, 'body')) {
var isPrevBlock = prev && Dom.isBlock(prev);
var isNextBlock = next && Dom.isBlock(next);
if (!next && isPrevBlock || !prev && isNextBlock || isPrevBlock && isNextBlock) {
return true;
}
}
return false;
},
isBlock: function (node) {
return block[Dom.name(node)];
},
isEmpty: function (node) {
return empty[Dom.name(node)];
},
isInline: function (node) {
return inline[Dom.name(node)];
},
list: function (node) {
var name = node ? Dom.name(node) : '';
return name == 'ul' || name == 'ol' || name == 'dl';
},
scrollContainer: function (doc) {
var wnd = Dom.windowFromDocument(doc), scrollContainer = (wnd.contentWindow || wnd).document || wnd.ownerDocument || wnd;
if (kendo.support.browser.webkit || scrollContainer.compatMode == 'BackCompat') {
scrollContainer = scrollContainer.body;
} else {
scrollContainer = scrollContainer.documentElement;
}
return scrollContainer;
},
scrollTo: function (node) {
var element = $(Dom.isDataNode(node) ? node.parentNode : node), wnd = Dom.windowFromDocument(node.ownerDocument), windowHeight = wnd.innerHeight, elementTop, elementHeight, scrollContainer = Dom.scrollContainer(node.ownerDocument);
elementTop = element.offset().top;
elementHeight = element[0].offsetHeight;
if (!elementHeight) {
elementHeight = parseInt(element.css('line-height'), 10) || Math.ceil(1.2 * parseInt(element.css('font-size'), 10)) || 15;
}
if (elementHeight + elementTop > scrollContainer.scrollTop + windowHeight) {
scrollContainer.scrollTop = elementHeight + elementTop - windowHeight;
}
},
persistScrollTop: function (doc) {
persistedScrollTop = Dom.scrollContainer(doc).scrollTop;
},
offset: function (target, offsetParent) {
var result = {
top: target.offsetTop,
left: target.offsetLeft
};
var parent = target.offsetParent;
while (parent && (!offsetParent || Dom.isAncestorOf(offsetParent, parent))) {
result.top += parent.offsetTop;
result.left += parent.offsetLeft;
parent = parent.offsetParent;
}
return result;
},
restoreScrollTop: function (doc) {
if (typeof persistedScrollTop == 'number') {
Dom.scrollContainer(doc).scrollTop = persistedScrollTop;
}
},
insertAt: function (parent, newElement, position) {
parent.insertBefore(newElement, parent.childNodes[position] || null);
},
insertBefore: function (newElement, referenceElement) {
if (referenceElement.parentNode) {
return referenceElement.parentNode.insertBefore(newElement, referenceElement);
} else {
return referenceElement;
}
},
insertAfter: function (newElement, referenceElement) {
return referenceElement.parentNode.insertBefore(newElement, referenceElement.nextSibling);
},
remove: function (node) {
if (node.parentNode) {
node.parentNode.removeChild(node);
}
},
removeChildren: function (node) {
while (node.firstChild) {
node.removeChild(node.firstChild);
}
},
removeTextSiblings: function (node) {
var parentNode = node.parentNode;
while (node.nextSibling && node.nextSibling.nodeType == 3) {
parentNode.removeChild(node.nextSibling);
}
while (node.previousSibling && node.previousSibling.nodeType == 3) {
parentNode.removeChild(node.previousSibling);
}
},
trim: function (parent) {
for (var i = parent.childNodes.length - 1; i >= 0; i--) {
var node = parent.childNodes[i];
if (Dom.isDataNode(node)) {
if (!Dom.stripBom(node.nodeValue).length) {
Dom.remove(node);
}
} else if (node.className != KMARKER) {
Dom.trim(node);
if (node.childNodes.length === 0 || Dom.allWhitespaceContent(node) && Dom.isBlock(node) && !Dom.isEmpty(node)) {
Dom.remove(node);
}
}
}
return parent;
},
closest: function (node, tag) {
while (node && Dom.name(node) != tag) {
node = node.parentNode;
}
return node;
},
closestBy: function (node, condition, rootCondition) {
while (node && !condition(node)) {
if (rootCondition && rootCondition(node)) {
return null;
}
node = node.parentNode;
}
return node;
},
sibling: function (node, direction) {
do {
node = node[direction];
} while (node && node.nodeType != 1);
return node;
},
next: function (node) {
return Dom.sibling(node, 'nextSibling');
},
prev: function (node) {
return Dom.sibling(node, 'previousSibling');
},
parentOfType: function (node, tags) {
do {
node = node.parentNode;
} while (node && !Dom.ofType(node, tags));
return node;
},
ofType: function (node, tags) {
return $.inArray(Dom.name(node), tags) >= 0;
},
changeTag: function (referenceElement, tagName, skipAttributes) {
var newElement = Dom.create(referenceElement.ownerDocument, tagName), attributes = referenceElement.attributes, i, len, name, value, attribute;
if (!skipAttributes) {
for (i = 0, len = attributes.length; i < len; i++) {
attribute = attributes[i];
if (attribute.specified) {
name = attribute.nodeName;
value = attribute.nodeValue;
if (name == CLASS) {
newElement.className = value;
} else if (name == STYLE) {
newElement.style.cssText = referenceElement.style.cssText;
} else {
newElement.setAttribute(name, value);
}
}
}
}
while (referenceElement.firstChild) {
newElement.appendChild(referenceElement.firstChild);
}
Dom.insertBefore(newElement, referenceElement);
Dom.remove(referenceElement);
return newElement;
},
editableParent: function (node) {
while (node && (node.nodeType == 3 || node.contentEditable !== 'true')) {
node = node.parentNode;
}
return node;
},
wrap: function (node, wrapper) {
Dom.insertBefore(wrapper, node);
wrapper.appendChild(node);
return wrapper;
},
unwrap: function (node) {
var parent = node.parentNode;
while (node.firstChild) {
parent.insertBefore(node.firstChild, node);
}
parent.removeChild(node);
},
wrapper: function (node) {
var wrapper = Dom.closestBy(node, function (el) {
return el.parentNode && Dom.significantNodes(el.parentNode.childNodes).length > 1;
});
return $(wrapper).is('body,.k-editor') ? undefined : wrapper;
},
create: function (document, tagName, attributes) {
return Dom.attr(document.createElement(tagName), attributes);
},
attr: function (element, attributes) {
attributes = extend({}, attributes);
if (attributes && STYLE in attributes) {
Dom.style(element, attributes.style);
delete attributes.style;
}
for (var attr in attributes) {
if (attributes[attr] === null) {
element.removeAttribute(attr);
delete attributes[attr];
} else if (attr == 'className') {
element[attr] = attributes[attr];
}
}
return extend(element, attributes);
},
style: function (node, value) {
$(node).css(value || {});
},
unstyle: function (node, value) {
for (var key in value) {
if (key == FLOAT) {
key = kendo.support.cssFloat ? CSSFLOAT : STYLEFLOAT;
}
node.style[key] = '';
}
if (node.style.cssText === '') {
node.removeAttribute(STYLE);
}
},
inlineStyle: function (body, name, attributes) {
var span = $(Dom.create(body.ownerDocument, name, attributes)), style;
body.appendChild(span[0]);
style = map(cssAttributes, function (value) {
if (browser.msie && value == 'line-height' && span.css(value) == '1px') {
return 'line-height:1.5';
} else {
return value + ':' + span.css(value);
}
}).join(';');
span.remove();
return style;
},
getEffectiveBackground: function (element) {
var backgroundStyle = element.css('background-color') || '';
if (backgroundStyle.indexOf('rgba(0, 0, 0, 0') < 0 && backgroundStyle !== 'transparent') {
return backgroundStyle;
} else if (element[0].tagName.toLowerCase() === 'html') {
return 'Window';
} else {
return Dom.getEffectiveBackground(element.parent());
}
},
innerText: function (node) {
var text = node.innerHTML;
text = text.replace(//gi, '');
text = text.replace(/<\/?[^>]+?\/?>/gm, '');
return text;
},
removeClass: function (node, classNames) {
var className = ' ' + node.className + ' ', classes = classNames.split(' '), i, len;
for (i = 0, len = classes.length; i < len; i++) {
className = className.replace(' ' + classes[i] + ' ', ' ');
}
className = $.trim(className);
if (className.length) {
node.className = className;
} else {
node.removeAttribute(CLASS);
}
},
commonAncestor: function () {
var count = arguments.length, paths = [], minPathLength = Infinity, output = null, i, ancestors, node, first, j;
if (!count) {
return null;
}
if (count == 1) {
return arguments[0];
}
for (i = 0; i < count; i++) {
ancestors = [];
node = arguments[i];
while (node) {
ancestors.push(node);
node = node.parentNode;
}
paths.push(ancestors.reverse());
minPathLength = Math.min(minPathLength, ancestors.length);
}
if (count == 1) {
return paths[0][0];
}
for (i = 0; i < minPathLength; i++) {
first = paths[0][i];
for (j = 1; j < count; j++) {
if (first != paths[j][i]) {
return output;
}
}
output = first;
}
return output;
},
closestSplittableParent: function (nodes) {
var result;
if (nodes.length == 1) {
result = Dom.parentOfType(nodes[0], [
'ul',
'ol'
]);
} else {
result = Dom.commonAncestor.apply(null, nodes);
}
if (!result) {
result = Dom.parentOfType(nodes[0], [
'p',
'td'
]) || nodes[0].ownerDocument.body;
}
if (Dom.isInline(result)) {
result = Dom.blockParentOrBody(result);
}
var editableParents = map(nodes, Dom.editableParent);
var editableAncestor = Dom.commonAncestor(editableParents)[0];
if ($.contains(result, editableAncestor)) {
result = editableAncestor;
}
return result;
},
closestEditable: function (node, types) {
var closest;
var editable = Dom.editableParent(node);
if (Dom.ofType(node, types)) {
closest = node;
} else {
closest = Dom.parentOfType(node, types);
}
if (closest && editable && $.contains(closest, editable)) {
closest = editable;
} else if (!closest && editable) {
closest = editable;
}
return closest;
},
closestEditableOfType: function (node, types) {
var editable = Dom.closestEditable(node, types);
if (editable && Dom.ofType(editable, types)) {
return editable;
}
},
filter: function (tagName, nodes, invert) {
var filterFn = function (node) {
return Dom.name(node) == tagName;
};
return Dom.filterBy(nodes, filterFn, invert);
},
filterBy: function (nodes, condition, invert) {
var i = 0;
var len = nodes.length;
var result = [];
var match;
for (; i < len; i++) {
match = condition(nodes[i]);
if (match && !invert || !match && invert) {
result.push(nodes[i]);
}
}
return result;
},
ensureTrailingBreaks: function (node) {
var elements = $(node).find('p,td,th');
var length = elements.length;
var i = 0;
if (length) {
for (; i < length; i++) {
Dom.ensureTrailingBreak(elements[i]);
}
} else {
Dom.ensureTrailingBreak(node);
}
},
removeTrailingBreak: function (node) {
$(node).find('br[type=_moz],.k-br').remove();
},
ensureTrailingBreak: function (node) {
Dom.removeTrailingBreak(node);
var lastChild = node.lastChild;
var name = lastChild && Dom.name(lastChild);
var br;
if (!name || name != 'br' && name != 'img' || name == 'br' && lastChild.className != 'k-br') {
br = node.ownerDocument.createElement('br');
br.className = 'k-br';
node.appendChild(br);
}
}
};
kendo.ui.editor.Dom = Dom;
}(window.kendo.jQuery));
}, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) {
(a3 || a2)();
}));
(function (f, define) {
define('editor/serializer', ['editor/dom'], f);
}(function () {
(function ($, undefined) {
var kendo = window.kendo;
var Editor = kendo.ui.editor;
var dom = Editor.Dom;
var extend = $.extend;
var fontSizeMappings = 'xx-small,x-small,small,medium,large,x-large,xx-large'.split(',');
var quoteRe = /"/g;
var brRe = /
(?: )?<\/p>/i;
var cssDeclaration = /(\*?[-#\/\*\\\w]+(?:\[[0-9a-z_-]+\])?)\s*:\s*((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^\)]*?\)|[^};])+)/g;
var sizzleAttr = /^sizzle-\d+/i;
var scriptAttr = /^k-script-/i;
var onerrorRe = /\s*onerror\s*=\s*(?:'|")?([^'">\s]*)(?:'|")?/i;
var br = '
';
var div = document.createElement('div');
div.innerHTML = '
'; var supportsLeadingWhitespace = div.firstChild.nodeType === 3; div = null; var isFunction = $.isFunction; var TD = 'td'; var Serializer = { toEditableHtml: function (html) { return (html || '').replace(//g, '').replace(/<(\/?)script([^>]*)>/gi, '<$1k:script$2>').replace(/
' + html; html = html.replace(/href\s*=\s*(?:'|")?([^'">\s]*)(?:'|")?/, originalHref + '="$1"'); html = html.replace(/src\s*=\s*(?:'|")?([^'">\s]*)(?:'|")?/, originalSrc + '="$1"'); } if (isFunction(o.custom)) { html = o.custom(html) || html; } root.innerHTML = html; if (immutables) { immutables.deserialize(root); } if (legacyIE) { dom.remove(root.firstChild); $(root).find('k\\:script,script,link,img,a').each(function () { var node = this; if (node[originalHref]) { node.setAttribute('href', node[originalHref]); node.removeAttribute(originalHref); } if (node[originalSrc]) { node.setAttribute('src', node[originalSrc]); node.removeAttribute(originalSrc); } }); } else if (msie) { dom.normalize(root); Serializer._resetOrderedLists(root); } Serializer._preventScriptExecution(root); Serializer._fillEmptyElements(root); Serializer._removeSystemElements(root); Serializer._toEditableImmutables(root); $('table', root).addClass('k-table'); return root; }, domToXhtml: function (root, options) { var result = []; var immutables = options && options.immutables; function semanticFilter(attributes) { return $.grep(attributes, function (attr) { return attr.name != 'style'; }); } var tagMap = { iframe: { start: function (node) { result.push('
'; } range.selectNodeContents(container); } range.collapse(true); }, add: function (range, expand) { var that = this; var collapsed = range.collapsed && !RangeUtils.isExpandable(range); var doc = RangeUtils.documentFromRange(range); if (expand && range.collapsed) { that.addCaret(range); range = RangeUtils.expand(range); } var rangeBoundary = range.cloneRange(); rangeBoundary.collapse(false); that.end = dom.create(doc, 'span', { className: 'k-marker' }); rangeBoundary.insertNode(that.end); rangeBoundary = range.cloneRange(); rangeBoundary.collapse(true); that.start = that.end.cloneNode(true); rangeBoundary.insertNode(that.start); that._removeDeadMarkers(that.start, that.end); if (collapsed) { var bom = doc.createTextNode('\uFEFF'); dom.insertAfter(bom.cloneNode(), that.start); dom.insertBefore(bom, that.end); } normalize(range.commonAncestorContainer); range.setStartBefore(that.start); range.setEndAfter(that.end); return range; }, _removeDeadMarkers: function (start, end) { if (start.previousSibling && start.previousSibling.nodeValue == '\uFEFF') { dom.remove(start.previousSibling); } if (end.nextSibling && end.nextSibling.nodeValue == '\uFEFF') { dom.remove(end.nextSibling); } }, _normalizedIndex: function (node) { var index = findNodeIndex(node); var pointer = node; while (pointer.previousSibling) { if (pointer.nodeType == 3 && pointer.previousSibling.nodeType == 3) { index--; } pointer = pointer.previousSibling; } return index; }, remove: function (range) { var that = this, start = that.start, end = that.end, shouldNormalizeStart, shouldNormalizeEnd, shouldNormalize; normalize(range.commonAncestorContainer); while (!start.nextSibling && start.parentNode) { start = start.parentNode; } while (!end.previousSibling && end.parentNode) { end = end.parentNode; } shouldNormalizeStart = start.previousSibling && start.previousSibling.nodeType == 3 && (start.nextSibling && start.nextSibling.nodeType == 3); shouldNormalizeEnd = end.previousSibling && end.previousSibling.nodeType == 3 && (end.nextSibling && end.nextSibling.nodeType == 3); shouldNormalize = shouldNormalizeStart && shouldNormalizeEnd; start = start.nextSibling; end = end.previousSibling; var collapsed = false; var collapsedToStart = false; if (start == that.end) { collapsedToStart = !!that.start.previousSibling; start = end = that.start.previousSibling || that.end.nextSibling; collapsed = true; } dom.remove(that.start); dom.remove(that.end); if (!start || !end) { range.selectNodeContents(range.commonAncestorContainer); range.collapse(true); return; } var startOffset = collapsed ? isDataNode(start) ? start.nodeValue.length : start.childNodes.length : 0; var endOffset = isDataNode(end) ? end.nodeValue.length : end.childNodes.length; if (start.nodeType == 3) { while (start.previousSibling && start.previousSibling.nodeType == 3) { start = start.previousSibling; startOffset += start.nodeValue.length; } } if (end.nodeType == 3) { while (end.previousSibling && end.previousSibling.nodeType == 3) { end = end.previousSibling; endOffset += end.nodeValue.length; } } var startParent = start.parentNode; var endParent = end.parentNode; var startIndex = this._normalizedIndex(start); var endIndex = this._normalizedIndex(end); normalize(startParent); if (start.nodeType == 3) { start = startParent.childNodes[startIndex]; } normalize(endParent); if (end.nodeType == 3) { end = endParent.childNodes[endIndex]; } if (collapsed) { if (start.nodeType == 3) { range.setStart(start, startOffset); } else { range[collapsedToStart ? 'setStartAfter' : 'setStartBefore'](start); } range.collapse(true); } else { if (start.nodeType == 3) { range.setStart(start, startOffset); } else { range.setStartBefore(start); } if (end.nodeType == 3) { range.setEnd(end, endOffset); } else { range.setEndAfter(end); } } if (that.caret) { that.removeCaret(range); } } }); var boundary = /[\u0009-\u000d]|\u0020|\u00a0|\ufeff|\.|,|;|:|!|\(|\)|\?/; var RangeUtils = { nodes: function (range) { var nodes = RangeUtils.textNodes(range); if (!nodes.length) { range.selectNodeContents(range.commonAncestorContainer); nodes = RangeUtils.textNodes(range); if (!nodes.length) { nodes = dom.significantChildNodes(range.commonAncestorContainer); } } return nodes; }, textNodes: function (range) { return new RangeEnumerator(range).enumerate(); }, editableTextNodes: function (range) { var nodes = [], immutableParent = Editor.Immutables && Editor.Immutables.immutableParent; if (immutableParent && !immutableParent(range.commonAncestorContainer)) { nodes = new ImmutablesRangeEnumerator(range).enumerate(); } return nodes; }, documentFromRange: function (range) { var startContainer = range.startContainer; return startContainer.nodeType == 9 ? startContainer : startContainer.ownerDocument; }, createRange: function (document) { if (browser.msie && browser.version < 9) { return new W3CRange(document); } return document.createRange(); }, selectRange: function (range) { var image = RangeUtils.image(range); if (image) { range.setStartAfter(image); range.setEndAfter(image); } var selection = SelectionUtils.selectionFromRange(range); selection.removeAllRanges(); selection.addRange(range); }, stringify: function (range) { return kendo.format('{0}:{1} - {2}:{3}', dom.name(range.startContainer), range.startOffset, dom.name(range.endContainer), range.endOffset); }, split: function (range, node, trim) { function partition(start) { var partitionRange = range.cloneRange(); partitionRange.collapse(start); partitionRange[start ? 'setStartBefore' : 'setEndAfter'](node); var contents = partitionRange.extractContents(); if (trim) { contents = dom.trim(contents); } dom[start ? 'insertBefore' : 'insertAfter'](contents, node); } partition(true); partition(false); }, mapAll: function (range, map) { var nodes = []; new RangeIterator(range).traverse(function (node) { var mapped = map(node); if (mapped && $.inArray(mapped, nodes) < 0) { nodes.push(mapped); } }); return nodes; }, getAll: function (range, predicate) { var selector = predicate; if (typeof predicate == 'string') { predicate = function (node) { return dom.is(node, selector); }; } return RangeUtils.mapAll(range, function (node) { if (predicate(node)) { return node; } }); }, getMarkers: function (range) { return RangeUtils.getAll(range, function (node) { return node.className == 'k-marker'; }); }, image: function (range) { var nodes = RangeUtils.getAll(range, 'img'); if (nodes.length == 1) { return nodes[0]; } }, isStartOf: function (originalRange, node) { if (originalRange.startOffset !== 0) { return false; } var range = originalRange.cloneRange(); while (range.startOffset === 0 && range.startContainer != node) { var index = dom.findNodeIndex(range.startContainer); var parent = range.startContainer.parentNode; while (index > 0 && parent[index - 1] && dom.insignificant(parent[index - 1])) { index--; } range.setStart(parent, index); } return range.startOffset === 0 && range.startContainer == node; }, isEndOf: function (originalRange, node) { var range = originalRange.cloneRange(); range.collapse(false); var start = range.startContainer; if (dom.isDataNode(start) && range.startOffset == dom.getNodeLength(start)) { range.setStart(start.parentNode, dom.findNodeIndex(start) + 1); range.collapse(true); } range.setEnd(node, dom.getNodeLength(node)); var nodes = []; function visit(node) { if (!dom.insignificant(node)) { nodes.push(node); } } new RangeIterator(range).traverse(visit); return !nodes.length; }, wrapSelectedElements: function (range) { var startEditable = dom.editableParent(range.startContainer); var endEditable = dom.editableParent(range.endContainer); while (range.startOffset === 0 && range.startContainer != startEditable) { range.setStart(range.startContainer.parentNode, dom.findNodeIndex(range.startContainer)); } function isEnd(offset, container) { var length = dom.getNodeLength(container); if (offset == length) { return true; } for (var i = offset; i < length; i++) { if (!dom.insignificant(container.childNodes[i])) { return false; } } return true; } while (isEnd(range.endOffset, range.endContainer) && range.endContainer != endEditable) { range.setEnd(range.endContainer.parentNode, dom.findNodeIndex(range.endContainer) + 1); } return range; }, expand: function (range) { var result = range.cloneRange(); var startContainer = result.startContainer.childNodes[result.startOffset === 0 ? 0 : result.startOffset - 1]; var endContainer = result.endContainer.childNodes[result.endOffset]; if (!isDataNode(startContainer) || !isDataNode(endContainer)) { return result; } var beforeCaret = startContainer.nodeValue; var afterCaret = endContainer.nodeValue; if (!beforeCaret || !afterCaret) { return result; } var startOffset = beforeCaret.split('').reverse().join('').search(boundary); var endOffset = afterCaret.search(boundary); if (!startOffset || !endOffset) { return result; } endOffset = endOffset == -1 ? afterCaret.length : endOffset; startOffset = startOffset == -1 ? 0 : beforeCaret.length - startOffset; result.setStart(startContainer, startOffset); result.setEnd(endContainer, endOffset); return result; }, isExpandable: function (range) { var node = range.startContainer; var rangeDocument = RangeUtils.documentFromRange(range); if (node == rangeDocument || node == rangeDocument.body) { return false; } var result = range.cloneRange(); var value = node.nodeValue; if (!value) { return false; } var beforeCaret = value.substring(0, result.startOffset); var afterCaret = value.substring(result.startOffset); var startOffset = 0, endOffset = 0; if (beforeCaret) { startOffset = beforeCaret.split('').reverse().join('').search(boundary); } if (afterCaret) { endOffset = afterCaret.search(boundary); } return startOffset && endOffset; } }; extend(Editor, { SelectionUtils: SelectionUtils, W3CRange: W3CRange, RangeIterator: RangeIterator, W3CSelection: W3CSelection, RangeEnumerator: RangeEnumerator, RestorePoint: RestorePoint, Marker: Marker, RangeUtils: RangeUtils }); }(window.kendo.jQuery)); }, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) { (a3 || a2)(); })); (function (f, define) { define('editor/system', ['editor/range'], f); }(function () { (function ($) { var kendo = window.kendo, Class = kendo.Class, editorNS = kendo.ui.editor, EditorUtils = editorNS.EditorUtils, RangeUtils = editorNS.RangeUtils, registerTool = EditorUtils.registerTool, dom = editorNS.Dom, Tool = editorNS.Tool, ToolTemplate = editorNS.ToolTemplate, RestorePoint = editorNS.RestorePoint, Marker = editorNS.Marker, browser = kendo.support.browser, br = '
', extend = $.extend; var nodeTypes = dom.nodeTypes; var PREVIOUS_SIBLING = 'previousSibling'; function finishUpdate(editor, startRestorePoint) { var endRestorePoint = editor.selectionRestorePoint = new RestorePoint(editor.getRange(), editor.body); var command = new GenericCommand(startRestorePoint, endRestorePoint); command.editor = editor; editor.undoRedoStack.push(command); return endRestorePoint; } function selected(node, range) { return range.startContainer === node && range.endContainer === node && range.startOffset === 0 && range.endOffset == node.childNodes.length; } function getSibling(node, direction, condition) { var sibling = node ? node[direction] : null; while (sibling && !condition(sibling)) { sibling = sibling[direction]; } return sibling; } var Command = Class.extend({ init: function (options) { this.options = options; this.restorePoint = new RestorePoint(options.range, options.body, { immutables: options.immutables }); this.marker = new Marker(); this.formatter = options.formatter; }, getRange: function () { return this.restorePoint.toRange(); }, lockRange: function (expand) { return this.marker.add(this.getRange(), expand); }, releaseRange: function (range) { this.marker.remove(range); this.editor.selectRange(range); }, undo: function () { var point = this.restorePoint; point.restoreHtml(); this.editor.selectRange(point.toRange()); }, redo: function () { this.exec(); }, createDialog: function (content, options) { var editor = this.editor; return $(content).appendTo(document.body).kendoWindow(extend({}, editor.options.dialogOptions, options)).closest('.k-window').toggleClass('k-rtl', kendo.support.isRtl(editor.wrapper)).end(); }, exec: function () { var range = this.lockRange(true); this.formatter.editor = this.editor; this.formatter.toggle(range); this.releaseRange(range); }, immutables: function () { return this.editor && this.editor.options.immutables; }, expandImmutablesIn: function (range) { if (this.immutables()) { kendo.ui.editor.Immutables.expandImmutablesIn(range); this.restorePoint = new RestorePoint(range, this.editor.body); } } }); var GenericCommand = Class.extend({ init: function (startRestorePoint, endRestorePoint) { this.body = startRestorePoint.body; this.startRestorePoint = startRestorePoint; this.endRestorePoint = endRestorePoint; }, redo: function () { dom.removeChildren(this.body); this.body.innerHTML = this.endRestorePoint.html; this.editor.selectRange(this.endRestorePoint.toRange()); }, undo: function () { dom.removeChildren(this.body); this.body.innerHTML = this.startRestorePoint.html; this.editor.selectRange(this.startRestorePoint.toRange()); } }); var InsertHtmlCommand = Command.extend({ init: function (options) { Command.fn.init.call(this, options); this.managesUndoRedo = true; }, exec: function () { var editor = this.editor; var options = this.options; var range = options.range; var body = editor.body; var startRestorePoint = new RestorePoint(range, body); var html = options.html || options.value || ''; editor.selectRange(range); editor.clipboard.paste(html, options); if (options.postProcess) { options.postProcess(editor, editor.getRange()); } var genericCommand = new GenericCommand(startRestorePoint, new RestorePoint(editor.getRange(), body)); genericCommand.editor = editor; editor.undoRedoStack.push(genericCommand); editor.focus(); } }); var InsertHtmlTool = Tool.extend({ initialize: function (ui, initOptions) { var editor = initOptions.editor, options = this.options, dataSource = options.items ? options.items : editor.options.insertHtml; this._selectBox = new editorNS.SelectBox(ui, { dataSource: dataSource, dataTextField: 'text', dataValueField: 'value', change: function () { Tool.exec(editor, 'insertHtml', this.value()); }, title: editor.options.messages.insertHtml, highlightFirst: false }); }, command: function (commandArguments) { return new InsertHtmlCommand(commandArguments); }, update: function (ui) { var selectbox = ui.data('kendoSelectBox') || ui.find('select').data('kendoSelectBox'); selectbox.close(); selectbox.value(selectbox.options.title); } }); var tableCells = 'td,th,caption'; var tableCellsWrappers = 'table,tbody,thead,tfoot,tr'; var tableElements = tableCellsWrappers + ',' + tableCells; var inTable = function (range) { return !range.collapsed && $(range.commonAncestorContainer).is(tableCellsWrappers); }; var RemoveTableContent = Class.extend({ remove: function (range) { var that = this; var marker = new Marker(); marker.add(range, false); var nodes = RangeUtils.getAll(range, function (node) { return $(node).is(tableElements); }); var doc = RangeUtils.documentFromRange(range); var start = marker.start; var end = marker.end; var cellsTypes = tableCells.split(','); var startCell = dom.parentOfType(start, cellsTypes); var endCell = dom.parentOfType(end, cellsTypes); that._removeContent(start, startCell, true); that._removeContent(end, endCell, false); $(nodes).each(function (i, node) { node = $(node); (node.is(tableCells) ? node : node.find(tableCells)).each(function (j, cell) { cell.innerHTML = ''; }); }); if (startCell && !start.previousSibling) { dom.insertBefore(doc.createTextNode('\uFEFF'), start); } if (endCell && !end.nextSibling) { dom.insertAfter(doc.createTextNode('\uFEFF'), end); } if (startCell) { range.setStartBefore(start); } else if (nodes[0]) { startCell = $(nodes[0]); startCell = startCell.is(tableCells) ? startCell : startCell.find(tableCells).first(); if (startCell.length) { range.setStart(startCell.get(0), 0); } } range.collapse(true); dom.remove(start); dom.remove(end); }, _removeContent: function (start, top, forwards) { if (top) { var sibling = forwards ? 'nextSibling' : 'previousSibling', next, getNext = function (node) { while (node && !node[sibling]) { node = node.parentNode; } return node && $.contains(top, node) ? node[sibling] : null; }; start = getNext(start); while (start) { next = getNext(start); dom.remove(start); start = next; } } } }); var TypingHandler = Class.extend({ init: function (editor) { this.editor = editor; }, keydown: function (e) { var that = this, editor = that.editor, keyboard = editor.keyboard, isTypingKey = keyboard.isTypingKey(e), evt = extend($.Event(), e); that.editor.trigger('keydown', evt); if (evt.isDefaultPrevented()) { e.preventDefault(); return true; } if (!evt.isDefaultPrevented() && isTypingKey && !keyboard.isTypingInProgress()) { var range = editor.getRange(); var body = editor.body; that.startRestorePoint = new RestorePoint(range, body); if (inTable(range)) { var removeTableContent = new RemoveTableContent(editor); removeTableContent.remove(range); editor.selectRange(range); } if (browser.webkit && !range.collapsed && selected(body, range)) { body.innerHTML = ''; } if (editor.immutables && editorNS.Immutables.immutablesContext(range)) { var backspaceHandler = new editorNS.BackspaceHandler(editor); backspaceHandler.deleteSelection(range); } keyboard.startTyping(function () { that.endRestorePoint = finishUpdate(editor, that.startRestorePoint); }); return true; } return false; }, keyup: function (e) { var keyboard = this.editor.keyboard; this.editor.trigger('keyup', e); if (keyboard.isTypingInProgress()) { keyboard.endTyping(); return true; } return false; } }); var BackspaceHandler = Class.extend({ init: function (editor) { this.editor = editor; }, _addCaret: function (container) { var caret = dom.create(this.editor.document, 'a'); dom.insertAt(container, caret, 0); dom.stripBomNode(caret.previousSibling); dom.stripBomNode(caret.nextSibling); return caret; }, _restoreCaret: function (caret) { var range = this.editor.createRange(); range.setStartAfter(caret); range.collapse(true); this.editor.selectRange(range); dom.remove(caret); }, _handleDelete: function (range) { var node = range.endContainer; var block = dom.closestEditableOfType(node, dom.blockElements); if (block && editorNS.RangeUtils.isEndOf(range, block)) { var next = dom.next(block); if (!next || dom.name(next) != 'p') { return false; } var caret = this._addCaret(next); this._merge(block, next); this._restoreCaret(caret); return true; } return false; }, _cleanBomBefore: function (range) { var offset = range.startOffset; var node = range.startContainer; var text = node.nodeValue; var count = 0; while (offset - count >= 0 && text[offset - count - 1] == '\uFEFF') { count++; } if (count > 0) { node.deleteData(offset - count, count); range.setStart(node, Math.max(0, offset - count)); range.collapse(true); this.editor.selectRange(range); } }, _handleBackspace: function (range) { var node = range.startContainer; var li = dom.closestEditableOfType(node, ['li']); var block = dom.closestEditableOfType(node, 'p,h1,h2,h3,h4,h5,h6'.split(',')); var editor = this.editor; var previousSibling; if (dom.isDataNode(node)) { this._cleanBomBefore(range); } previousSibling = getSibling(block, PREVIOUS_SIBLING, function (sibling) { return !dom.htmlIndentSpace(sibling); }); if (range.collapsed && range.startOffset !== range.endOffset && range.startOffset < 0) { range.startOffset = 0; range.endOffset = 0; editor.selectRange(range); } if (block && previousSibling && editorNS.RangeUtils.isStartOf(range, block)) { var caret = this._addCaret(block); this._merge(previousSibling, block); this._restoreCaret(caret); return true; } if (li && editorNS.RangeUtils.isStartOf(range, li)) { var child = li.firstChild; if (!child) { li.innerHTML = editorNS.emptyElementContent; child = li.firstChild; } var formatter = new editorNS.ListFormatter(dom.name(li.parentNode), 'p'); range.selectNodeContents(li); formatter.toggle(range); if (dom.insignificant(child)) { range.setStartBefore(child); } else { range.setStart(child, 0); } editor.selectRange(range); return true; } var linkRange = range; var previousNode = node.previousSibling; if (linkRange.startOffset === 0 && previousNode && previousNode.nodeName.toLowerCase() === 'a') { linkRange = editor.createRange(); linkRange.setStart(previousNode, previousNode.childNodes.length); linkRange.setEnd(previousNode, previousNode.childNodes.length); } var a = dom.closestEditableOfType(linkRange.startContainer, ['a']); var isEndOfLink = a && editorNS.RangeUtils.isEndOf(linkRange, a); if (isEndOfLink) { var command = new editorNS.UnlinkCommand({ range: linkRange, body: editor.body, immutables: !!editor.immutables }); editor.execCommand(command); editor._selectionChange(); } return false; }, _handleSelection: function (range) { var ancestor = range.commonAncestorContainer; var table = dom.closest(ancestor, 'table'); var emptyParagraphContent = editorNS.emptyElementContent; var editor = this.editor; if (inTable(range)) { var removeTableContent = new RemoveTableContent(editor); removeTableContent.remove(range); editor.selectRange(range); return true; } var marker = new Marker(); marker.add(range, false); if (editor.immutables) { this._handleImmutables(marker); } this._surroundFullySelectedAnchor(marker, range); range.setStartAfter(marker.start); range.setEndBefore(marker.end); var start = range.startContainer; var end = range.endContainer; range.deleteContents(); if (table && $(table).text() === '') { range.selectNode(table); range.deleteContents(); } ancestor = range.commonAncestorContainer; if (dom.name(ancestor) === 'p' && ancestor.innerHTML === '') { ancestor.innerHTML = emptyParagraphContent; range.setStart(ancestor, 0); } this._join(start, end); dom.insertAfter(editor.document.createTextNode('\uFEFF'), marker.start); marker.remove(range); start = range.startContainer; if (dom.name(start) == 'tr') { start = start.childNodes[Math.max(0, range.startOffset - 1)]; range.setStart(start, dom.getNodeLength(start)); } range.collapse(true); editor.selectRange(range); return true; }, _handleImmutables: function (marker) { var immutableParent = editorNS.Immutables.immutableParent; var startImmutable = immutableParent(marker.start); var endImmutable = immutableParent(marker.start); if (startImmutable) { dom.insertBefore(marker.start, startImmutable); } if (endImmutable) { dom.insertAfter(marker.end, endImmutable); } if (startImmutable) { dom.remove(startImmutable); } if (endImmutable && endImmutable.parentNode) { dom.remove(endImmutable); } }, _surroundFullySelectedAnchor: function (marker, range) { var start = marker.start, startParent = $(start).closest('a').get(0), end = marker.end, endParent = $(end).closest('a').get(0); if (startParent && RangeUtils.isStartOf(range, startParent)) { dom.insertBefore(start, startParent); } if (endParent && RangeUtils.isEndOf(range, endParent)) { dom.insertAfter(end, endParent); } }, _root: function (node) { while (node && node.parentNode && dom.name(node.parentNode) != 'body') { node = node.parentNode; } return node; }, _join: function (start, end) { start = this._root(start); end = this._root(end); if (start != end && dom.is(end, 'p')) { this._merge(start, end); } }, _merge: function (dest, src) { dom.removeTrailingBreak(dest); while (dest && src.firstChild) { if (dest.nodeType == 1) { dest = dom.list(dest) ? dest.children[dest.children.length - 1] : dest; if (dest) { dest.appendChild(src.firstChild); } } else if (dest.nodeType === nodeTypes.TEXT_NODE) { this._mergeWithTextNode(dest, src.firstChild); } else { dest.parentNode.appendChild(src.firstChild); } } dom.remove(src); }, _mergeWithTextNode: function (textNode, appendedNode) { if (textNode && textNode.nodeType === nodeTypes.TEXT_NODE) { if (textNode.nextSibling && this._isCaret(textNode.nextSibling)) { dom.insertAfter(appendedNode, textNode.nextSibling); } else { dom.insertAfter(appendedNode, textNode); } } }, _isCaret: function (element) { return $(element).is('a'); }, keydown: function (e) { var method, startRestorePoint; var editor = this.editor; var range = editor.getRange(); var keyCode = e.keyCode; var keys = kendo.keys; var backspace = keyCode === keys.BACKSPACE; var del = keyCode == keys.DELETE; if (editor.immutables && editor.immutables.keydown(e, range)) { return; } if ((backspace || del) && !range.collapsed) { method = '_handleSelection'; } else if (backspace) { method = '_handleBackspace'; } else if (del) { method = '_handleDelete'; } if (!method) { return; } startRestorePoint = new RestorePoint(range, editor.body); if (this[method](range)) { e.preventDefault(); finishUpdate(editor, startRestorePoint); } }, deleteSelection: function (range) { this._handleSelection(range); }, keyup: $.noop }); var SystemHandler = Class.extend({ init: function (editor) { this.editor = editor; this.systemCommandIsInProgress = false; }, createUndoCommand: function () { this.startRestorePoint = this.endRestorePoint = finishUpdate(this.editor, this.startRestorePoint); }, changed: function () { if (this.startRestorePoint) { return this.startRestorePoint.html != this.editor.body.innerHTML; } return false; }, keydown: function (e) { var that = this, editor = that.editor, keyboard = editor.keyboard; if (keyboard.isModifierKey(e)) { if (keyboard.isTypingInProgress()) { keyboard.endTyping(true); } that.startRestorePoint = new RestorePoint(editor.getRange(), editor.body); return true; } if (keyboard.isSystem(e)) { that.systemCommandIsInProgress = true; if (that.changed()) { that.systemCommandIsInProgress = false; that.createUndoCommand(); } return true; } return false; }, keyup: function () { var that = this; if (that.systemCommandIsInProgress && that.changed()) { that.systemCommandIsInProgress = false; that.createUndoCommand(); return true; } return false; } }); var SelectAllHandler = Class.extend({ init: function (editor) { this.editor = editor; }, keydown: function (e) { if (!browser.webkit || e.isDefaultPrevented() || !(e.ctrlKey && e.keyCode == 65 && !e.altKey && !e.shiftKey)) { return; } if (this.editor.options.immutables) { this._toSelectableImmutables(); } this._selectEditorBody(); }, _selectEditorBody: function () { var editor = this.editor; var range = editor.getRange(); range.selectNodeContents(editor.body); editor.selectRange(range); }, _toSelectableImmutables: function () { var editor = this.editor, body = editor.body, immutable = editorNS.Immutables.immutable, emptyTextNode = dom.emptyTextNode, first = body.firstChild, last = body.lastChild; while (emptyTextNode(first)) { first = first.nextSibling; } while (emptyTextNode(last)) { last = last.previousSibling; } if (first && immutable(first)) { $(br).prependTo(body); } if (last && immutable(last)) { $(br).appendTo(body); } }, keyup: $.noop }); var Keyboard = Class.extend({ init: function (handlers) { this.handlers = handlers; this.typingInProgress = false; }, isCharacter: function (keyCode) { return keyCode >= 48 && keyCode <= 90 || keyCode >= 96 && keyCode <= 111 || keyCode >= 186 && keyCode <= 192 || keyCode >= 219 && keyCode <= 222 || keyCode == 229; }, toolFromShortcut: function (tools, e) { var key = String.fromCharCode(e.keyCode), toolName, toolOptions, modifier = this._getShortcutModifier(e, navigator.platform); for (toolName in tools) { toolOptions = $.extend({ ctrl: false, alt: false, shift: false }, tools[toolName].options); if ((toolOptions.key == key || toolOptions.key == e.keyCode) && toolOptions.ctrl == modifier && toolOptions.alt == e.altKey && toolOptions.shift == e.shiftKey) { return toolName; } } }, _getShortcutModifier: function (e, platform) { var mac = platform.toUpperCase().indexOf('MAC') >= 0; return mac ? e.metaKey : e.ctrlKey; }, toolsFromShortcut: function (tools, e) { var key = String.fromCharCode(e.keyCode), toolName, o, matchesKey, found = []; var matchKey = function (toolKey) { return toolKey == key || toolKey == e.keyCode || toolKey == e.charCode; }; for (toolName in tools) { o = $.extend({ ctrl: false, alt: false, shift: false }, tools[toolName].options); matchesKey = $.isArray(o.key) ? $.grep(o.key, matchKey).length > 0 : matchKey(o.key); if (matchesKey && o.ctrl == e.ctrlKey && o.alt == e.altKey && o.shift == e.shiftKey) { found.push(tools[toolName]); } } return found; }, isTypingKey: function (e) { var keyCode = e.keyCode; return this.isCharacter(keyCode) && !e.ctrlKey && !e.altKey || keyCode == 32 || keyCode == 13 || keyCode == 8 || keyCode == 46 && !e.shiftKey && !e.ctrlKey && !e.altKey; }, isModifierKey: function (e) { var keyCode = e.keyCode; return keyCode == 17 && !e.shiftKey && !e.altKey || keyCode == 16 && !e.ctrlKey && !e.altKey || keyCode == 18 && !e.ctrlKey && !e.shiftKey; }, isSystem: function (e) { return e.keyCode == 46 && e.ctrlKey && !e.altKey && !e.shiftKey; }, startTyping: function (callback) { this.onEndTyping = callback; this.typingInProgress = true; }, stopTyping: function () { if (this.typingInProgress && this.onEndTyping) { this.onEndTyping(); } this.typingInProgress = false; }, endTyping: function (force) { var that = this; that.clearTimeout(); if (force) { that.stopTyping(); } else { that.timeout = window.setTimeout($.proxy(that.stopTyping, that), 1000); } }, isTypingInProgress: function () { return this.typingInProgress; }, clearTimeout: function () { window.clearTimeout(this.timeout); }, notify: function (e, what) { var i, handlers = this.handlers; for (i = 0; i < handlers.length; i++) { if (handlers[i][what](e)) { break; } } }, keydown: function (e) { this.notify(e, 'keydown'); }, keyup: function (e) { this.notify(e, 'keyup'); } }); var Clipboard = Class.extend({ init: function (editor) { this.editor = editor; var pasteCleanup = editor.options.pasteCleanup; this.cleaners = [ new ScriptCleaner(pasteCleanup), new TabCleaner(pasteCleanup), new MSWordFormatCleaner(pasteCleanup), new WebkitFormatCleaner(pasteCleanup), new HtmlTagsCleaner(pasteCleanup), new HtmlAttrCleaner(pasteCleanup), new HtmlContentCleaner(pasteCleanup), new CustomCleaner(pasteCleanup) ]; }, htmlToFragment: function (html) { var editor = this.editor, doc = editor.document, container = dom.create(doc, 'div'), fragment = doc.createDocumentFragment(); container.innerHTML = html; while (container.firstChild) { fragment.appendChild(container.firstChild); } return fragment; }, isBlock: function (html) { return /<(div|p|ul|ol|table|h[1-6])/i.test(html); }, _startModification: function () { var range; var restorePoint; var editor = this.editor; if (this._inProgress) { return; } this._inProgress = true; range = editor.getRange(); restorePoint = new RestorePoint(range, editor.body); dom.persistScrollTop(editor.document); return { range: range, restorePoint: restorePoint }; }, _endModification: function (modificationInfo) { finishUpdate(this.editor, modificationInfo.restorePoint); this.editor._selectionChange(); this._inProgress = false; }, _contentModification: function (before, after) { var that = this; var editor = that.editor; var modificationInfo = that._startModification(); if (!modificationInfo) { return; } before.call(that, editor, modificationInfo.range); setTimeout(function () { after.call(that, editor, modificationInfo.range); that._endModification(modificationInfo); }); }, _removeBomNodes: function (range) { var nodes = editorNS.RangeUtils.textNodes(range); for (var i = 0; i < nodes.length; i++) { nodes[i].nodeValue = dom.stripBom(nodes[i].nodeValue); } }, _onBeforeCopy: function (range) { var marker = new Marker(); marker.add(range); this._removeBomNodes(range); marker.remove(range); this.editor.selectRange(range); }, oncopy: function () { this._onBeforeCopy(this.editor.getRange()); }, oncut: function () { this._onBeforeCopy(this.editor.getRange()); this._contentModification($.noop, $.noop); }, _fileToDataURL: function (blob) { var deferred = $.Deferred(); var reader = new FileReader(); if (!(blob instanceof window.File) && blob.getAsFile) { blob = blob.getAsFile(); } reader.onload = $.proxy(deferred.resolve, deferred); reader.readAsDataURL(blob); return deferred.promise(); }, _triggerPaste: function (html, options) { var args = { html: html || '' }; args.html = args.html.replace(/\ufeff/g, ''); this.editor.trigger('paste', args); this.paste(args.html, options || {}); }, _handleImagePaste: function (e) { if (!('FileReader' in window) || browser.msie && browser.version > 10) { return; } var clipboardData = e.clipboardData || e.originalEvent.clipboardData || window.clipboardData || {}; var items = clipboardData.items || clipboardData.files; if (!items) { return; } var images = $.grep(items, function (item) { return /^image\//i.test(item.type); }); var html = $.grep(items, function (item) { return /^text\/html/i.test(item.type); }); if (html.length || !images.length) { return; } var modificationInfo = this._startModification(); if (!modificationInfo) { return; } $.when.apply($, $.map(images, this._fileToDataURL)).done($.proxy(function () { var results = Array.prototype.slice.call(arguments); var html = $.map(results, function (e) { return '
(\s| )*)+(<\/?(div|p|li|col|t))/gi, '$3'); html = html.replace(/<(a|span)[^>]*><\/\1>/gi, ''); } html = html.replace(/^
')); } $(fragment.childNodes).filter('table').addClass('k-table').end().find('table').addClass('k-table'); range.insertNode(fragment); parent = this.splittableParent(block, caret); if (unwrap) { while (caret.parentNode != parent) { dom.unwrap(caret.parentNode); } dom.unwrap(caret.parentNode); } dom.normalize(range.commonAncestorContainer); caret.style.display = 'inline'; dom.restoreScrollTop(editor.document); dom.scrollTo(caret); marker.removeCaret(range); var rangeEnd = range.commonAncestorContainer.parentNode; if (range.collapsed && dom.name(rangeEnd) == 'tbody') { range.setStartAfter($(rangeEnd).closest('table')[0]); range.collapse(true); } editor.selectRange(range); } }); var Cleaner = Class.extend({ init: function (options) { this.options = options || {}; this.replacements = []; }, clean: function (html, customReplacements) { var that = this, replacements = customReplacements || that.replacements, i, l; for (i = 0, l = replacements.length; i < l; i += 2) { html = html.replace(replacements[i], replacements[i + 1]); } return html; } }); var ScriptCleaner = Cleaner.extend({ init: function (options) { Cleaner.fn.init.call(this, options); this.replacements = [ /<(\/?)script([^>]*)>/i, '<$1telerik:script$2>' ]; }, applicable: function (html) { return !this.options.none && /
[\s\r\n]+|
)*(<\/?(h[1-6]|hr|p|div|table|tbody|thead|tfoot|th|tr|td|li|ol|ul|caption|address|pre|form|blockquote|dl|dt|dd|dir|fieldset)[^>]*>)(?:
[\s\r\n]+|
)*/g, '$1', /
/g, '
', /
(?!\n)/g, ' ', /
/g, '
', /^\s*( )+/gi, '', /( |
(.*)<\/div>$/,
'$1'
];
},
applicable: function (html) {
return /class="?Apple-style-span|style="[^"]*-webkit-nbsp-mode/i.test(html);
}
});
var DomCleaner = Cleaner.extend({
clean: function (html) {
var container = dom.create(document, 'div', { innerHTML: html });
container = this.cleanDom(container);
return container.innerHTML;
},
cleanDom: function (container) {
return container;
}
});
var HtmlTagsCleaner = DomCleaner.extend({
cleanDom: function (container) {
var tags = this.collectTags();
$(container).find(tags).each(function () {
dom.unwrap(this);
});
return container;
},
collectTags: function () {
if (this.options.span) {
return 'span';
}
},
applicable: function () {
return this.options.span;
}
});
var HtmlAttrCleaner = DomCleaner.extend({
cleanDom: function (container) {
var attributes = this.collectAttr();
var nodes = $(container).find('[' + attributes.join('],[') + ']');
nodes.removeAttr(attributes.join(' '));
return container;
},
collectAttr: function () {
if (this.options.css) {
return [
'class',
'style'
];
}
return [];
},
applicable: function () {
return this.options.css;
}
});
var TextContainer = function () {
this.text = '';
this.add = function (text) {
this.text += text;
};
};
var HtmlTextLines = Class.extend({
init: function (separators) {
this.separators = separators || {
text: ' ',
line: '
' }; this.lines = []; this.inlineBlockText = []; this.resetLine(); }, appendText: function (text) { if (text.nodeType === 3) { text = text.nodeValue; } this.textContainer.add(text); }, appendInlineBlockText: function (text) { this.inlineBlockText.push(text); }, flashInlineBlockText: function () { if (this.inlineBlockText.length) { this.appendText(this.inlineBlockText.join(' ')); this.inlineBlockText = []; } }, endLine: function () { this.flashInlineBlockText(); this.resetLine(); }, html: function () { var separators = this.separators; var result = ''; var lines = this.lines; this.flashInlineBlockText(); for (var i = 0, il = lines.length, il1 = il - 1; i < il; i++) { var line = lines[i]; for (var j = 0, jl = line.length, jl1 = jl - 1; j < jl; j++) { var text = line[j].text; result += text; if (j !== jl1) { result += separators.text; } } if (i !== il1) { result += separators.line; } } return result; }, resetLine: function () { this.textContainer = new TextContainer(); this.line = []; this.line.push(this.textContainer); this.lines.push(this.line); } }); var DomEnumerator = Class.extend({ init: function (callback) { this.callback = callback; }, enumerate: function (node) { if (!node) { return; } var preventDown = this.callback(node); var child = node.firstChild; if (!preventDown && child) { this.enumerate(child); } this.enumerate(node.nextSibling); } }); var HtmlContentCleaner = Cleaner.extend({ init: function (options) { Cleaner.fn.init.call(this, options); this.hasText = false; this.enumerator = new DomEnumerator($.proxy(this.buildText, this)); }, clean: function (html) { var container = dom.create(document, 'div', { innerHTML: html }); return this.cleanDom(container); }, cleanDom: function (container) { this.separators = this.getDefaultSeparators(); this.htmlLines = new HtmlTextLines(this.separators); this.enumerator.enumerate(container.firstChild); this.hasText = false; return this.htmlLines.html(); }, buildText: function (node) { if (dom.isDataNode(node)) { if (dom.isEmptyspace(node)) { return; } this.htmlLines.appendText(node.nodeValue.replace('\n', this.separators.line)); this.hasText = true; } else if (dom.isBlock(node) && this.hasText) { var action = this.actions[dom.name(node)] || this.actions.block; return action(this, node); } }, applicable: function () { var o = this.options; return o.all || o.keepNewLines; }, getDefaultSeparators: function () { if (this.options.all) { return { text: ' ', line: ' ' }; } else { return { text: ' ', line: '
' }; } }, actions: { ul: $.noop, ol: $.noop, table: $.noop, thead: $.noop, tbody: $.noop, td: function (cleaner, node) { var tdCleaner = new HtmlContentCleaner({ all: true }); var cellText = tdCleaner.cleanDom(node); cleaner.htmlLines.appendInlineBlockText(cellText); return true; }, block: function (cleaner) { cleaner.htmlLines.endLine(); } } }); var CustomCleaner = Cleaner.extend({ clean: function (html) { return this.options.custom(html); }, applicable: function () { return typeof this.options.custom === 'function'; } }); var PrintCommand = Command.extend({ init: function (options) { Command.fn.init.call(this, options); this.managesUndoRedo = true; }, exec: function () { var editor = this.editor; if (kendo.support.browser.msie) { editor.document.execCommand('print', false, null); } else if (editor.window.print) { editor.window.print(); } } }); var ExportPdfCommand = Command.extend({ init: function (options) { this.async = true; Command.fn.init.call(this, options); }, exec: function () { var that = this; var range = that.lockRange(true); var editor = that.editor; editor._destroyResizings(); editor.saveAsPDF().then(function () { that.releaseRange(range); editor._initializeColumnResizing(); editor._initializeRowResizing(); editor._initializeTableResizing(); }); } }); extend(editorNS, { _finishUpdate: finishUpdate, Command: Command, GenericCommand: GenericCommand, InsertHtmlCommand: InsertHtmlCommand, InsertHtmlTool: InsertHtmlTool, TypingHandler: TypingHandler, SystemHandler: SystemHandler, BackspaceHandler: BackspaceHandler, SelectAllHandler: SelectAllHandler, Keyboard: Keyboard, Clipboard: Clipboard, Cleaner: Cleaner, ScriptCleaner: ScriptCleaner, TabCleaner: TabCleaner, MSWordFormatCleaner: MSWordFormatCleaner, WebkitFormatCleaner: WebkitFormatCleaner, HtmlTagsCleaner: HtmlTagsCleaner, HtmlAttrCleaner: HtmlAttrCleaner, HtmlContentCleaner: HtmlContentCleaner, HtmlTextLines: HtmlTextLines, CustomCleaner: CustomCleaner, PrintCommand: PrintCommand, ExportPdfCommand: ExportPdfCommand }); registerTool('insertHtml', new InsertHtmlTool({ template: new ToolTemplate({ template: EditorUtils.dropDownListTemplate, title: 'Insert HTML', initialValue: 'Insert HTML' }) })); registerTool('print', new Tool({ command: PrintCommand, template: new ToolTemplate({ template: EditorUtils.buttonTemplate, title: 'Print' }) })); registerTool('pdf', new Tool({ command: ExportPdfCommand, template: new ToolTemplate({ template: EditorUtils.buttonTemplate, title: 'Export PDF' }) })); }(window.kendo.jQuery)); }, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) { (a3 || a2)(); })); (function (f, define) { define('editor/inlineformat', ['editor/system'], f); }(function () { (function ($) { var kendo = window.kendo, Class = kendo.Class, Editor = kendo.ui.editor, formats = kendo.ui.Editor.fn.options.formats, EditorUtils = Editor.EditorUtils, Tool = Editor.Tool, ToolTemplate = Editor.ToolTemplate, FormatTool = Editor.FormatTool, dom = Editor.Dom, RangeUtils = Editor.RangeUtils, extend = $.extend, registerTool = Editor.EditorUtils.registerTool, registerFormat = Editor.EditorUtils.registerFormat, preventDefault = function (ev) { ev.preventDefault(); }, MOUSEDOWN_NS = 'mousedown.kendoEditor', KEYDOWN_NS = 'keydown.kendoEditor', KMARKER = 'k-marker'; var InlineFormatFinder = Class.extend({ init: function (format) { this.format = format; }, numberOfSiblings: function (referenceNode) { var textNodesCount = 0, elementNodesCount = 0, markerCount = 0, parentNode = referenceNode.parentNode, node; for (node = parentNode.firstChild; node; node = node.nextSibling) { if (node != referenceNode) { if (node.className == KMARKER) { markerCount++; } else if (node.nodeType == 3) { textNodesCount++; } else { elementNodesCount++; } } } if (markerCount > 1 && parentNode.firstChild.className == KMARKER && parentNode.lastChild.className == KMARKER) { return 0; } else { return elementNodesCount + textNodesCount; } }, findSuitable: function (sourceNode, skip) { if (!skip && this.numberOfSiblings(sourceNode) > 0) { return null; } var node = sourceNode.parentNode; var tags = this.format[0].tags; while (!dom.ofType(node, tags)) { if (this.numberOfSiblings(node) > 0) { return null; } node = node.parentNode; } return node; }, findFormat: function (sourceNode) { var format = this.format, attrEquals = dom.attrEquals, i, len, node, tags, attributes; for (i = 0, len = format.length; i < len; i++) { node = sourceNode; tags = format[i].tags; attributes = format[i].attr; if (node && dom.ofType(node, tags) && attrEquals(node, attributes)) { return node; } while (node) { node = dom.parentOfType(node, tags); if (node && attrEquals(node, attributes)) { return node; } } } return null; }, isFormatted: function (nodes) { var i, len; for (i = 0, len = nodes.length; i < len; i++) { if (this.findFormat(nodes[i])) { return true; } } return false; } }); var InlineFormatter = Class.extend({ init: function (format, values) { this.finder = new InlineFormatFinder(format); this.attributes = extend({}, format[0].attr, values); this.tag = format[0].tags[0]; }, wrap: function (node) { return dom.wrap(node, dom.create(node.ownerDocument, this.tag, this.attributes)); }, activate: function (range, nodes) { if (this.finder.isFormatted(nodes)) { this.split(range); this.remove(nodes); } else { this.apply(nodes); } }, toggle: function (range) { var textNodes = this.immutables() ? RangeUtils.editableTextNodes : RangeUtils.textNodes; var nodes = textNodes(range); if (nodes.length > 0) { this.activate(range, nodes); } }, immutables: function () { return this.editor && this.editor.options.immutables; }, apply: function (nodes) { var formatNodes = []; var i, l, node, formatNode; var attributes = this.attributes; var styleAttr = attributes ? attributes.style || {} : {}; for (i = 0, l = nodes.length; i < l; i++) { node = nodes[i]; formatNode = this.finder.findSuitable(node); if (formatNode) { if (dom.is(formatNode, 'font')) { if (styleAttr.color) { formatNode.removeAttribute('color'); } if (styleAttr.fontName) { formatNode.removeAttribute('face'); } if (styleAttr.fontSize) { formatNode.removeAttribute('size'); } } dom.attr(formatNode, attributes); } else { while (!dom.isBlock(node.parentNode) && node.parentNode.childNodes.length == 1 && node.parentNode.contentEditable !== 'true') { node = node.parentNode; } formatNode = this.wrap(node); } formatNodes.push(formatNode); } this.consolidate(formatNodes); }, remove: function (nodes) { var i, l, formatNode; for (i = 0, l = nodes.length; i < l; i++) { formatNode = this.finder.findFormat(nodes[i]); if (formatNode) { if (this.attributes && this.attributes.style) { dom.unstyle(formatNode, this.attributes.style); if (!formatNode.style.cssText && !formatNode.attributes['class']) { dom.unwrap(formatNode); } } else { dom.unwrap(formatNode); } } } }, split: function (range) { var nodes = RangeUtils.textNodes(range); var l = nodes.length; var i, formatNode; if (l > 0) { for (i = 0; i < l; i++) { formatNode = this.finder.findFormat(nodes[i]); if (formatNode) { RangeUtils.split(range, formatNode, true); } } } }, consolidate: function (nodes) { var node, last; while (nodes.length > 1) { node = nodes.pop(); last = nodes[nodes.length - 1]; if (node.previousSibling && node.previousSibling.className == KMARKER) { last.appendChild(node.previousSibling); } if (node.tagName == last.tagName && node.previousSibling == last && node.style.cssText == last.style.cssText) { while (node.firstChild) { last.appendChild(node.firstChild); } dom.remove(node); } } } }); var GreedyInlineFormatFinder = InlineFormatFinder.extend({ init: function (format, greedyProperty) { this.format = format; this.greedyProperty = greedyProperty; InlineFormatFinder.fn.init.call(this, format); }, getInlineCssValue: function (node) { var attributes = node.attributes; var trim = $.trim; var i, l, attribute, name, attributeValue, css, pair, cssIndex, len; var propertyAndValue, property, value; if (!attributes) { return; } for (i = 0, l = attributes.length; i < l; i++) { attribute = attributes[i]; name = attribute.nodeName; attributeValue = attribute.nodeValue; if (attribute.specified && name == 'style') { css = trim(attributeValue || node.style.cssText).split(';'); for (cssIndex = 0, len = css.length; cssIndex < len; cssIndex++) { pair = css[cssIndex]; if (pair.length) { propertyAndValue = pair.split(':'); property = trim(propertyAndValue[0].toLowerCase()); value = trim(propertyAndValue[1]); if (property != this.greedyProperty) { continue; } return property.indexOf('color') >= 0 ? dom.toHex(value) : value; } } } } }, getFormatInner: function (node) { var $node = $(dom.isDataNode(node) ? node.parentNode : node); var parents = $node.parentsUntil('[contentEditable]').addBack().toArray().reverse(); var i, len, value; for (i = 0, len = parents.length; i < len; i++) { value = this.greedyProperty == 'className' ? parents[i].className : this.getInlineCssValue(parents[i]); if (value) { return value; } } return 'inherit'; }, getFormat: function (nodes) { var result = this.getFormatInner(nodes[0]), i, len; for (i = 1, len = nodes.length; i < len; i++) { if (result != this.getFormatInner(nodes[i])) { return ''; } } return result; }, isFormatted: function (nodes) { return this.getFormat(nodes) !== ''; } }); var GreedyInlineFormatter = InlineFormatter.extend({ init: function (format, values, greedyProperty) { InlineFormatter.fn.init.call(this, format, values); this.values = values; this.finder = new GreedyInlineFormatFinder(format, greedyProperty); if (greedyProperty) { this.greedyProperty = kendo.toCamelCase(greedyProperty); } }, activate: function (range, nodes) { var greedyProperty = this.greedyProperty; var action = 'apply'; this.split(range); if (greedyProperty && this.values.style[greedyProperty] == 'inherit') { action = 'remove'; } this[action](nodes); } }); var InlineFormatTool = FormatTool.extend({ init: function (options) { FormatTool.fn.init.call(this, extend(options, { finder: new InlineFormatFinder(options.format), formatter: function () { return new InlineFormatter(options.format); } })); } }); var DelayedExecutionTool = Tool.extend({ update: function (ui, nodes) { var list = ui.data(this.type); list.close(); list.value(this.finder.getFormat(nodes)); } }); var FontTool = DelayedExecutionTool.extend({ init: function (options) { Tool.fn.init.call(this, options); this.type = kendo.support.browser.msie || kendo.support.touch ? 'kendoDropDownList' : 'kendoComboBox'; this.format = [{ tags: [ 'span', 'font' ] }]; this.finder = new GreedyInlineFormatFinder(this.format, options.cssAttr); }, command: function (commandArguments) { var options = this.options, format = this.format, style = {}; return new Editor.FormatCommand(extend(commandArguments, { formatter: function () { style[options.domAttr] = commandArguments.value; return new GreedyInlineFormatter(format, { style: style }, options.cssAttr); } })); }, initialize: function (ui, initOptions) { var editor = initOptions.editor, options = this.options, toolName = options.name, dataSource, range, defaultValue = []; if (options.defaultValue) { defaultValue = [{ text: editor.options.messages[options.defaultValue[0].text], value: options.defaultValue[0].value }]; } dataSource = defaultValue.concat(options.items ? options.items : editor.options[toolName] || []); ui.attr({ title: initOptions.title }); ui[this.type]({ dataTextField: 'text', dataValueField: 'value', dataSource: dataSource, change: function () { editor._range = range; Tool.exec(editor, toolName, this.value()); }, close: function () { setTimeout(function () { if ('_range' in editor) { delete editor._range; } }, 0); }, highlightFirst: false }); ui.closest('.k-widget').removeClass('k-' + toolName).find('*').addBack().attr('unselectable', 'on'); var widget = ui.data(this.type); widget.value('inherit'); widget.wrapper.on(MOUSEDOWN_NS, '.k-select,.k-input', function () { var newRange = editor.getRange(); range = editor._containsRange(newRange) ? newRange : range; }).on(KEYDOWN_NS, function (e) { if (e.keyCode === kendo.keys.ENTER) { e.preventDefault(); } }); } }); var ColorTool = Tool.extend({ init: function (options) { Tool.fn.init.call(this, options); this.format = [{ tags: [ 'span', 'font' ] }]; this.finder = new GreedyInlineFormatFinder(this.format, options.cssAttr); }, options: { palette: 'websafe' }, update: function () { this._widget.close(); }, command: function (commandArguments) { var options = this.options, format = this.format, style = {}; return new Editor.FormatCommand(extend(commandArguments, { formatter: function () { style[options.domAttr] = commandArguments.value; return new GreedyInlineFormatter(format, { style: style }, options.cssAttr); } })); }, initialize: function (ui, initOptions) { var editor = initOptions.editor, toolName = this.name, options = extend({}, ColorTool.fn.options, this.options), palette = options.palette, columns = options.columns; ui = this._widget = new kendo.ui.ColorPicker(ui, { toolIcon: 'k-icon k-i-' + EditorUtils.getToolCssClass(options.name), palette: palette, columns: columns, change: function () { var color = ui.value(); if (color) { Tool.exec(editor, toolName, color); } editor.focus(); }, open: function (e) { var picker = e.sender; picker.value(null); picker._popup.element.on(MOUSEDOWN_NS, preventDefault); }, close: function (e) { e.sender._popup.element.off(MOUSEDOWN_NS); }, activate: function (e) { e.preventDefault(); ui.trigger('change'); } }); ui.wrapper.attr({ title: initOptions.title, unselectable: 'on' }).find('*').attr('unselectable', 'on'); } }); extend(Editor, { InlineFormatFinder: InlineFormatFinder, InlineFormatter: InlineFormatter, DelayedExecutionTool: DelayedExecutionTool, GreedyInlineFormatFinder: GreedyInlineFormatFinder, GreedyInlineFormatter: GreedyInlineFormatter, InlineFormatTool: InlineFormatTool, FontTool: FontTool, ColorTool: ColorTool }); registerFormat('bold', [ { tags: [ 'strong', 'b' ] }, { tags: ['span'], attr: { style: { fontWeight: 'bold' } } } ]); registerTool('bold', new InlineFormatTool({ key: 'B', ctrl: true, format: formats.bold, template: new ToolTemplate({ template: EditorUtils.buttonTemplate, title: 'Bold' }) })); registerFormat('italic', [ { tags: [ 'em', 'i' ] }, { tags: ['span'], attr: { style: { fontStyle: 'italic' } } } ]); registerTool('italic', new InlineFormatTool({ key: 'I', ctrl: true, format: formats.italic, template: new ToolTemplate({ template: EditorUtils.buttonTemplate, title: 'Italic' }) })); registerFormat('underline', [ { tags: ['span'], attr: { style: { textDecoration: 'underline' } } }, { tags: ['u'] } ]); registerTool('underline', new InlineFormatTool({ key: 'U', ctrl: true, format: formats.underline, template: new ToolTemplate({ template: EditorUtils.buttonTemplate, title: 'Underline' }) })); registerFormat('strikethrough', [ { tags: [ 'del', 'strike' ] }, { tags: ['span'], attr: { style: { textDecoration: 'line-through' } } } ]); registerTool('strikethrough', new InlineFormatTool({ format: formats.strikethrough, template: new ToolTemplate({ template: EditorUtils.buttonTemplate, title: 'Strikethrough' }) })); registerFormat('superscript', [{ tags: ['sup'] }]); registerTool('superscript', new InlineFormatTool({ format: formats.superscript, template: new ToolTemplate({ template: EditorUtils.buttonTemplate, title: 'Superscript' }) })); registerFormat('subscript', [{ tags: ['sub'] }]); registerTool('subscript', new InlineFormatTool({ format: formats.subscript, template: new ToolTemplate({ template: EditorUtils.buttonTemplate, title: 'Subscript' }) })); registerTool('foreColor', new ColorTool({ cssAttr: 'color', domAttr: 'color', name: 'foreColor', template: new ToolTemplate({ template: EditorUtils.colorPickerTemplate, title: 'Color' }) })); registerTool('backColor', new ColorTool({ cssAttr: 'background-color', domAttr: 'backgroundColor', name: 'backColor', template: new ToolTemplate({ template: EditorUtils.colorPickerTemplate, title: 'Background Color' }) })); registerTool('fontName', new FontTool({ cssAttr: 'font-family', domAttr: 'fontFamily', name: 'fontName', defaultValue: [{ text: 'fontNameInherit', value: 'inherit' }], template: new ToolTemplate({ template: EditorUtils.comboBoxTemplate, title: 'Font Name' }) })); registerTool('fontSize', new FontTool({ cssAttr: 'font-size', domAttr: 'fontSize', name: 'fontSize', defaultValue: [{ text: 'fontSizeInherit', value: 'inherit' }], template: new ToolTemplate({ template: EditorUtils.comboBoxTemplate, title: 'Font Size' }) })); }(window.kendo.jQuery)); }, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) { (a3 || a2)(); })); (function (f, define) { define('editor/formatblock', ['editor/inlineformat'], f); }(function () { (function ($) { var kendo = window.kendo, Class = kendo.Class, extend = $.extend, Editor = kendo.ui.editor, formats = kendo.ui.Editor.fn.options.formats, dom = Editor.Dom, Command = Editor.Command, ToolTemplate = Editor.ToolTemplate, FormatTool = Editor.FormatTool, EditorUtils = Editor.EditorUtils, registerTool = EditorUtils.registerTool, registerFormat = EditorUtils.registerFormat, RangeUtils = Editor.RangeUtils; var BlockFormatFinder = Class.extend({ init: function (format) { this.format = format; }, contains: function (node, children) { var i, len, child; for (i = 0, len = children.length; i < len; i++) { child = children[i]; if (!child || !dom.isAncestorOrSelf(node, child)) { return false; } } return true; }, findSuitable: function (nodes) { var format = this.format, suitable = [], i, len, candidate; for (i = 0, len = nodes.length; i < len; i++) { for (var f = format.length - 1; f >= 0; f--) { candidate = dom.ofType(nodes[i], format[f].tags) ? nodes[i] : dom.closestEditableOfType(nodes[i], format[f].tags); if (candidate) { break; } } if (!candidate || candidate.contentEditable === 'true') { return []; } if ($.inArray(candidate, suitable) < 0) { suitable.push(candidate); } } this._resolveListsItems(suitable); for (i = 0, len = suitable.length; i < len; i++) { if (this.contains(suitable[i], suitable)) { return [suitable[i]]; } } return suitable; }, _resolveListsItems: function (nodes) { var i, node, wrapper; for (i = 0; i < nodes.length; i++) { node = nodes[i]; wrapper = dom.is(node, 'li') ? node : dom.wrapper(node); wrapper = wrapper && dom.list(wrapper) ? wrapper.children[0] : wrapper; if (dom.is(wrapper, 'li')) { node = nodes[i] = wrapper; } } }, findFormat: function (sourceNode) { var format = this.format, i, len, node, tags, attributes; var editableParent = dom.editableParent(sourceNode); var immutables = this.options && this.options.immutables; var ImmutablesNS = Editor.Immutables; for (i = 0, len = format.length; i < len; i++) { node = sourceNode; tags = format[i].tags; attributes = format[i].attr; if (immutables && tags && tags[0] == 'immutable') { var immutable = ImmutablesNS.immutableParent(node); if (immutable && dom.attrEquals(immutable, attributes)) { return node; } } while (node && dom.isAncestorOf(editableParent, node)) { if (dom.ofType(node, tags) && dom.attrEquals(node, attributes)) { return node; } node = node.parentNode; } } return null; }, getFormat: function (nodes) { var that = this, findFormat = function (node) { return that.findFormat(dom.isDataNode(node) ? node.parentNode : node); }, result = findFormat(nodes[0]), i, len; if (!result) { return ''; } for (i = 1, len = nodes.length; i < len; i++) { if (result != findFormat(nodes[i])) { return ''; } } return result.nodeName.toLowerCase(); }, isFormatted: function (nodes) { for (var i = 0, len = nodes.length; i < len; i++) { if (!this.findFormat(nodes[i])) { return false; } } return true; } }); var BlockFormatter = Class.extend({ init: function (format, values) { this.format = format; this.values = values; this.finder = new BlockFormatFinder(format); }, wrap: function (tag, attributes, nodes) { var commonAncestor = nodes.length == 1 ? dom.blockParentOrBody(nodes[0]) : dom.commonAncestor.apply(null, nodes); if (dom.isInline(commonAncestor)) { commonAncestor = dom.blockParentOrBody(commonAncestor); } var ancestors = dom.significantChildNodes(commonAncestor), position = dom.findNodeIndex(ancestors[0]), wrapper = dom.create(commonAncestor.ownerDocument, tag, attributes), i, ancestor; for (i = 0; i < ancestors.length; i++) { ancestor = ancestors[i]; if (dom.isBlock(ancestor)) { dom.attr(ancestor, attributes); if (wrapper.childNodes.length) { dom.insertBefore(wrapper, ancestor); wrapper = wrapper.cloneNode(false); } position = dom.findNodeIndex(ancestor) + 1; continue; } wrapper.appendChild(ancestor); } if (wrapper.firstChild) { dom.insertAt(commonAncestor, wrapper, position); } }, apply: function (nodes) { var format, values = this.values; function attributes(format) { return extend({}, format && format.attr, values); } this._handleImmutables(nodes, true); var images = dom.filter('img', nodes); var imageFormat = EditorUtils.formatByName('img', this.format); var imageAttributes = attributes(imageFormat); $.each(images, function () { dom.attr(this, imageAttributes); }); if (images.length == nodes.length) { return; } var nonImages = dom.filter('img', nodes, true); var formatNodes = this.finder.findSuitable(nonImages); if (formatNodes.length) { for (var i = 0, len = formatNodes.length; i < len; i++) { format = EditorUtils.formatByName(dom.name(formatNodes[i]), this.format); dom.attr(formatNodes[i], attributes(format)); } } else { format = this.format[0]; this.wrap(format.tags[0], attributes(format), nonImages); } }, _handleImmutables: function (nodes, applyFormatting) { if (!this.immutables()) { return; } var immutableFormat = EditorUtils.formatByName('immutable', this.format); if (!immutableFormat) { return; } var ImmutablesNS = Editor.Immutables; var l = nodes.length - 1; for (var i = l; i >= 0; i--) { var immutableParent = ImmutablesNS.immutableParent(nodes[i]); if (!immutableParent) { continue; } if (immutableParent !== nodes[i + 1]) { if (applyFormatting) { dom.attr(immutableParent, immutableFormat.attr); } else { dom.unstyle(immutableParent, immutableFormat.attr.style); } } nodes.splice(i, 1); } }, immutables: function () { return this.editor && this.editor.options.immutables; }, remove: function (nodes) { var i, l, formatNode, namedFormat, name; this._handleImmutables(nodes, false); for (i = 0, l = nodes.length; i < l; i++) { formatNode = this.finder.findFormat(nodes[i]); if (formatNode) { name = dom.name(formatNode); if (name == 'div' && !formatNode.getAttribute('class')) { dom.unwrap(formatNode); } else { namedFormat = EditorUtils.formatByName(name, this.format); if (namedFormat.attr.style) { dom.unstyle(formatNode, namedFormat.attr.style); } if (namedFormat.attr.className) { dom.removeClass(formatNode, namedFormat.attr.className); } } } } }, toggle: function (range) { var that = this, nodes = dom.filterBy(RangeUtils.nodes(range), dom.htmlIndentSpace, true); if (that.finder.isFormatted(nodes)) { that.remove(nodes); } else { that.apply(nodes); } } }); var GreedyBlockFormatter = Class.extend({ init: function (format, values) { var that = this; that.format = format; that.values = values; that.finder = new BlockFormatFinder(format); }, apply: function (nodes) { var format = this.format; var blocks = dom.blockParents(nodes); var formatTag = format[0].tags[0]; var i, len, list, formatter, range; var element; var tagName; var block; var immutalbeParent; if (blocks.length) { for (i = 0, len = blocks.length; i < len; i++) { block = blocks[i]; immutalbeParent = this.immutables() && Editor.Immutables.immutableParent(block); if (!immutalbeParent) { tagName = dom.name(block); if (tagName == 'li') { list = block.parentNode; formatter = new Editor.ListFormatter(list.nodeName.toLowerCase(), formatTag); range = this.editor.createRange(); range.selectNode(blocks[i]); formatter.toggle(range); } else if (formatTag && (tagName == 'td' || block.attributes.contentEditable)) { new BlockFormatter(format, this.values).apply(block.childNodes); } else { element = dom.changeTag(block, formatTag); dom.attr(element, format[0].attr); } } } } else { var blockFormatter = new BlockFormatter(format, this.values); blockFormatter.editor = this.editor; blockFormatter.apply(nodes); } }, toggle: function (range) { var nodes = RangeUtils.textNodes(range); if (!nodes.length) { range.selectNodeContents(range.commonAncestorContainer); nodes = RangeUtils.textNodes(range); if (!nodes.length) { nodes = dom.significantChildNodes(range.commonAncestorContainer); } } this.apply(nodes); }, immutables: function () { return this.editor && this.editor.options.immutables; } }); var FormatCommand = Command.extend({ init: function (options) { options.formatter = options.formatter(); var finder = options.formatter.finder; if (finder && EditorUtils.formatByName('immutable', finder.format)) { finder._initOptions({ immutables: options.immutables }); } Command.fn.init.call(this, options); } }); var BlockFormatTool = FormatTool.extend({ init: function (options) { FormatTool.fn.init.call(this, extend(options, { finder: new BlockFormatFinder(options.format), formatter: function () { return new BlockFormatter(options.format); } })); } }); extend(Editor, { BlockFormatFinder: BlockFormatFinder, BlockFormatter: BlockFormatter, GreedyBlockFormatter: GreedyBlockFormatter, FormatCommand: FormatCommand, BlockFormatTool: BlockFormatTool }); var listElements = [ 'ul', 'ol', 'li' ]; registerFormat('justifyLeft', [ { tags: dom.nonListBlockElements, attr: { style: { textAlign: 'left' } } }, { tags: ['img'], attr: { style: { 'float': 'left', display: '', marginLeft: '', marginRight: '' } } }, { tags: ['immutable'], attr: { style: { 'float': 'left', display: '', marginLeft: '', marginRight: '' } } }, { tags: listElements, attr: { style: { textAlign: 'left', listStylePosition: '' } } } ]); registerTool('justifyLeft', new BlockFormatTool({ format: formats.justifyLeft, template: new ToolTemplate({ template: EditorUtils.buttonTemplate, title: 'Justify Left' }) })); registerFormat('justifyCenter', [ { tags: dom.nonListBlockElements, attr: { style: { textAlign: 'center' } } }, { tags: ['img'], attr: { style: { display: 'block', marginLeft: 'auto', marginRight: 'auto', 'float': '' } } }, { tags: ['immutable'], attr: { style: { display: 'block', marginLeft: 'auto', marginRight: 'auto', 'float': '' } } }, { tags: listElements, attr: { style: { textAlign: 'center', listStylePosition: 'inside' } } } ]); registerTool('justifyCenter', new BlockFormatTool({ format: formats.justifyCenter, template: new ToolTemplate({ template: EditorUtils.buttonTemplate, title: 'Justify Center' }) })); registerFormat('justifyRight', [ { tags: dom.nonListBlockElements, attr: { style: { textAlign: 'right' } } }, { tags: ['img'], attr: { style: { 'float': 'right', display: '', marginLeft: '', marginRight: '' } } }, { tags: ['immutable'], attr: { style: { 'float': 'right', display: '', marginLeft: '', marginRight: '' } } }, { tags: listElements, attr: { style: { textAlign: 'right', listStylePosition: 'inside' } } } ]); registerTool('justifyRight', new BlockFormatTool({ format: formats.justifyRight, template: new ToolTemplate({ template: EditorUtils.buttonTemplate, title: 'Justify Right' }) })); registerFormat('justifyFull', [ { tags: dom.nonListBlockElements, attr: { style: { textAlign: 'justify' } } }, { tags: ['img'], attr: { style: { display: 'block', marginLeft: 'auto', marginRight: 'auto', 'float': '' } } }, { tags: ['immutable'], attr: { style: { display: 'block', marginLeft: 'auto', marginRight: 'auto', 'float': '' } } }, { tags: listElements, attr: { style: { textAlign: 'justify', listStylePosition: '' } } } ]); registerTool('justifyFull', new BlockFormatTool({ format: formats.justifyFull, template: new ToolTemplate({ template: EditorUtils.buttonTemplate, title: 'Justify Full' }) })); }(window.kendo.jQuery)); }, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) { (a3 || a2)(); })); (function (f, define) { define('editor/linebreak', ['editor/formatblock'], f); }(function () { (function ($) { var kendo = window.kendo, extend = $.extend, editorNS = kendo.ui.editor, dom = editorNS.Dom, Command = editorNS.Command, Tool = editorNS.Tool, BlockFormatter = editorNS.BlockFormatter, normalize = dom.normalize, RangeUtils = editorNS.RangeUtils, registerTool = editorNS.EditorUtils.registerTool; var ParagraphCommand = Command.extend({ init: function (options) { this.options = options; Command.fn.init.call(this, options); }, _insertMarker: function (doc, range) { var marker = dom.create(doc, 'a'), container; marker.className = 'k-marker'; range.insertNode(marker); if (!marker.parentNode) { container = range.commonAncestorContainer; container.innerHTML = ''; container.appendChild(marker); } normalize(marker.parentNode); return marker; }, _moveFocus: function (range, candidate) { if (dom.isEmpty(candidate)) { range.setStartBefore(candidate); } else { range.selectNodeContents(candidate); var focusNode = RangeUtils.textNodes(range)[0]; if (!focusNode) { while (candidate.childNodes.length && !dom.is(candidate.firstChild, 'br')) { candidate = candidate.firstChild; } focusNode = candidate; } if (dom.isEmpty(focusNode)) { range.setStartBefore(focusNode); } else { if (dom.emptyNode(focusNode)) { focusNode.innerHTML = '\uFEFF'; } range.setStartBefore(focusNode.firstChild || focusNode); } } }, shouldTrim: function (range) { var blocks = 'p,h1,h2,h3,h4,h5,h6'.split(','), startInBlock = dom.parentOfType(range.startContainer, blocks), endInBlock = dom.parentOfType(range.endContainer, blocks); return startInBlock && !endInBlock || !startInBlock && endInBlock; }, _blankAfter: function (node) { while (node && (dom.isMarker(node) || dom.stripBom(node.nodeValue) === '')) { node = node.nextSibling; } return !node; }, exec: function () { var range = this.getRange(), doc = RangeUtils.documentFromRange(range), parent, previous, next, emptyParagraphContent = editorNS.emptyElementContent, paragraph, marker, li, heading, rng, shouldTrim; this.expandImmutablesIn(range); shouldTrim = this.shouldTrim(range); range.deleteContents(); marker = this._insertMarker(doc, range); dom.stripBomNode(marker.previousSibling); dom.stripBomNode(marker.nextSibling); li = dom.closestEditableOfType(marker, ['li']); heading = dom.closestEditableOfType(marker, 'h1,h2,h3,h4,h5,h6'.split(',')); if (li) { if (dom.emptyNode(li)) { paragraph = dom.create(doc, 'p'); if (dom.next(li)) { rng = range.cloneRange(); rng.selectNode(li); RangeUtils.split(rng, li.parentNode); } var br = $('br', li); if (br.length == 1) { br.remove(); } var parentNode = li.parentNode; var parentChildrenLength = li.parentNode.children.length; var firstChild = parentChildrenLength > 1 && li.childNodes.length == 1 && li.children[0]; dom.insertAfter(paragraph, parentNode); dom.remove(parentChildrenLength == 1 ? li.parentNode : li); if (firstChild && firstChild !== marker) { paragraph.appendChild(firstChild); paragraph.appendChild(marker); } else { paragraph.innerHTML = emptyParagraphContent; } next = paragraph; } } else if (heading && this._blankAfter(marker)) { paragraph = dom.create(doc, 'p'); dom.insertAfter(paragraph, heading); paragraph.innerHTML = emptyParagraphContent; dom.remove(marker); next = paragraph; } if (!next) { if (!(li || heading)) { new BlockFormatter([{ tags: ['p'] }]).apply([marker]); } range.selectNode(marker); parent = dom.parentOfType(marker, [li ? 'li' : heading ? dom.name(heading) : 'p']); RangeUtils.split(range, parent, shouldTrim); previous = parent.previousSibling; if (dom.is(previous, 'li') && previous.firstChild && !dom.is(previous.firstChild, 'br')) { previous = previous.firstChild; } next = parent.nextSibling; this.clean(previous); this.clean(next, { links: true }); if (dom.is(next, 'li') && next.firstChild && !dom.is(next.firstChild, 'br')) { next = next.firstChild; } dom.remove(parent); normalize(previous); } normalize(next); this._moveFocus(range, next); range.collapse(true); dom.scrollTo(next); RangeUtils.selectRange(range); }, clean: function (node, options) { var root = node; if (node.firstChild && dom.is(node.firstChild, 'br')) { dom.remove(node.firstChild); } if (dom.isDataNode(node) && !node.nodeValue) { node = node.parentNode; } if (node) { var siblings = false; while (node.firstChild && node.firstChild.nodeType == 1) { siblings = siblings || dom.significantNodes(node.childNodes).length > 1; node = node.firstChild; } if (!dom.isEmpty(node) && /^\s*$/.test(node.innerHTML) && !siblings) { $(root).find('.k-br').remove(); node.innerHTML = editorNS.emptyElementContent; } if (options && options.links) { while (node != root) { if (dom.is(node, 'a') && dom.emptyNode(node)) { dom.unwrap(node); break; } node = node.parentNode; } } } } }); var NewLineCommand = Command.extend({ init: function (options) { this.options = options; Command.fn.init.call(this, options); }, exec: function () { var range = this.getRange(); this.expandImmutablesIn(range); var br = dom.create(RangeUtils.documentFromRange(range), 'br'); var filler; var browser = kendo.support.browser; var oldIE = browser.msie && browser.version < 11; range.deleteContents(); range.insertNode(br); normalize(br.parentNode); if (!oldIE && (!br.nextSibling || dom.isWhitespace(br.nextSibling))) { filler = br.cloneNode(true); filler.className = 'k-br'; dom.insertAfter(filler, br); } range.setStartAfter(br); range.collapse(true); dom.scrollTo(br.nextSibling || br); RangeUtils.selectRange(range); } }); extend(editorNS, { ParagraphCommand: ParagraphCommand, NewLineCommand: NewLineCommand }); registerTool('insertLineBreak', new Tool({ key: 13, shift: true, command: NewLineCommand })); registerTool('insertParagraph', new Tool({ key: 13, command: ParagraphCommand })); }(window.kendo.jQuery)); }, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) { (a3 || a2)(); })); (function (f, define) { define('editor/lists', ['editor/linebreak'], f); }(function () { (function ($) { var kendo = window.kendo, Class = kendo.Class, extend = $.extend, Editor = kendo.ui.editor, dom = Editor.Dom, RangeUtils = Editor.RangeUtils, EditorUtils = Editor.EditorUtils, Command = Editor.Command, ToolTemplate = Editor.ToolTemplate, FormatTool = Editor.FormatTool, BlockFormatFinder = Editor.BlockFormatFinder, textNodes = RangeUtils.textNodes, registerTool = Editor.EditorUtils.registerTool; var ListFormatFinder = BlockFormatFinder.extend({ init: function (tag) { this.tag = tag; var tags = this.tags = [ tag == 'ul' ? 'ol' : 'ul', tag ]; BlockFormatFinder.fn.init.call(this, [{ tags: tags }]); }, isFormatted: function (nodes) { var formatNodes = []; var formatNode, i; for (i = 0; i < nodes.length; i++) { formatNode = this.findFormat(nodes[i]); if (formatNode && dom.name(formatNode) == this.tag) { formatNodes.push(formatNode); } } if (formatNodes.length < 1) { return false; } if (formatNodes.length != nodes.length) { return false; } for (i = 0; i < formatNodes.length; i++) { if (formatNodes[i].parentNode != formatNode.parentNode) { break; } if (formatNodes[i] != formatNode) { return false; } } return true; }, findSuitable: function (nodes) { var candidate = this.findFormat(nodes[0]); if (candidate && dom.name(candidate) == this.tag) { return candidate; } return null; } }); var ListFormatter = Class.extend({ init: function (tag, unwrapTag) { var that = this; that.finder = new ListFormatFinder(tag); that.tag = tag; that.unwrapTag = unwrapTag; }, isList: function (node) { return dom.list(node); }, immutables: function () { return this.editor && !!this.editor.options.immutables; }, wrap: function (list, nodes) { var li = dom.create(list.ownerDocument, 'li'), i, node, isImmutable = this.immutables() ? Editor.Immutables.immutable : $.noop; for (i = 0; i < nodes.length; i++) { node = nodes[i]; if (dom.is(node, 'li')) { list.appendChild(node); continue; } if (this.isList(node)) { while (node.firstChild) { list.appendChild(node.firstChild); } continue; } if (dom.is(node, 'td')) { while (node.firstChild) { li.appendChild(node.firstChild); } list.appendChild(li); node.appendChild(list); list = list.cloneNode(false); li = li.cloneNode(false); continue; } li.appendChild(node); if (dom.isBlock(node)) { list.appendChild(li); if (!isImmutable(node)) { dom.unwrap(node); } li = li.cloneNode(false); } } if (li.firstChild) { list.appendChild(li); } }, containsAny: function (parent, nodes) { for (var i = 0; i < nodes.length; i++) { if (dom.isAncestorOrSelf(parent, nodes[i])) { return true; } } return false; }, suitable: function (candidate, nodes) { if (candidate.className == 'k-marker') { var sibling = candidate.nextSibling; if (sibling && dom.isBlock(sibling)) { return false; } sibling = candidate.previousSibling; if (sibling && dom.isBlock(sibling)) { return false; } } return this.containsAny(candidate, nodes) || dom.isInline(candidate) || candidate.nodeType == 3; }, _parentLists: function (node) { var editable = dom.closestEditable(node); return $(node).parentsUntil(editable, 'ul,ol'); }, split: function (range) { var nodes = textNodes(range); var start, end, parents; if (nodes.length) { start = dom.parentOfType(nodes[0], ['li']); end = dom.parentOfType(nodes[nodes.length - 1], ['li']); range.setStartBefore(start); range.setEndAfter(end); for (var i = 0, l = nodes.length; i < l; i++) { var formatNode = this.finder.findFormat(nodes[i]); if (formatNode) { parents = this._parentLists(formatNode); if (parents.length) { RangeUtils.split(range, parents.last()[0], true); } else { RangeUtils.split(range, formatNode, true); } } } } }, merge: function (tag, formatNode) { var prev = formatNode.previousSibling, next; while (prev && (prev.className == 'k-marker' || prev.nodeType == 3 && dom.isWhitespace(prev))) { prev = prev.previousSibling; } if (prev && dom.name(prev) == tag) { while (formatNode.firstChild) { prev.appendChild(formatNode.firstChild); } dom.remove(formatNode); formatNode = prev; } next = formatNode.nextSibling; while (next && (next.className == 'k-marker' || next.nodeType == 3 && dom.isWhitespace(next))) { next = next.nextSibling; } if (next && dom.name(next) == tag) { while (formatNode.lastChild) { next.insertBefore(formatNode.lastChild, next.firstChild); } dom.remove(formatNode); } }, breakable: function (node) { return node != node.ownerDocument.body && !/table|tbody|tr|td/.test(dom.name(node)) && !node.attributes.contentEditable; }, applyOnSection: function (section, nodes) { var tag = this.tag; var commonAncestor = dom.closestSplittableParent(nodes); var ancestors = []; var formatNode = this.finder.findSuitable(nodes); if (!formatNode) { formatNode = new ListFormatFinder(tag == 'ul' ? 'ol' : 'ul').findSuitable(nodes); } var childNodes; if (/table|tbody/.test(dom.name(commonAncestor))) { childNodes = $.map(nodes, function (node) { return dom.parentOfType(node, ['td']); }); } else { childNodes = dom.significantChildNodes(commonAncestor); if ($.grep(childNodes, dom.isBlock).length) { childNodes = $.grep(childNodes, $.proxy(function (node) { return this.containsAny(node, nodes); }, this)); } if (!childNodes.length) { childNodes = nodes; } } function pushAncestor() { ancestors.push(this); } for (var i = 0; i < childNodes.length; i++) { var child = childNodes[i]; var suitable = (!formatNode || !dom.isAncestorOrSelf(formatNode, child)) && this.suitable(child, nodes); if (!suitable) { continue; } if (formatNode && this.isList(child)) { $.each(child.children, pushAncestor); dom.remove(child); } else { ancestors.push(child); } } if (ancestors.length == childNodes.length && this.breakable(commonAncestor)) { ancestors = [commonAncestor]; } if (!formatNode) { formatNode = dom.create(commonAncestor.ownerDocument, tag); dom.insertBefore(formatNode, ancestors[0]); } this.wrap(formatNode, ancestors); while (dom.isBom(formatNode.nextSibling)) { dom.remove(formatNode.nextSibling); } if (!dom.is(formatNode, tag)) { dom.changeTag(formatNode, tag); } this.merge(tag, formatNode); }, apply: function (nodes) { var i = 0, sections = [], lastSection, lastNodes, section, node, l = nodes.length, immutableParent = this.immutables() ? Editor.Immutables.immutableParent : $.noop; function addLastSection() { if (lastSection) { sections.push({ section: lastSection, nodes: lastNodes }); } } for (i = 0; i < l; i++) { node = immutableParent(nodes[i]) || nodes[i]; section = dom.closestEditable(node, [ 'td', 'body' ]); if (!lastSection || section != lastSection) { addLastSection(); lastNodes = [node]; lastSection = section; } else { lastNodes.push(node); } } addLastSection(); for (i = 0; i < sections.length; i++) { this.applyOnSection(sections[i].section, sections[i].nodes); } }, unwrap: function (ul) { var fragment = ul.ownerDocument.createDocumentFragment(), unwrapTag = this.unwrapTag, parents, li, p, child; for (li = ul.firstChild; li; li = li.nextSibling) { p = dom.create(ul.ownerDocument, unwrapTag || 'p'); while (li.firstChild) { child = li.firstChild; if (dom.isBlock(child)) { if (p.firstChild) { fragment.appendChild(p); p = dom.create(ul.ownerDocument, unwrapTag || 'p'); } fragment.appendChild(child); } else { p.appendChild(child); } } if (p.firstChild) { fragment.appendChild(p); } } parents = this._parentLists(ul); if (parents[0]) { dom.insertAfter(fragment, parents.last()[0]); parents.last().remove(); } else { dom.insertAfter(fragment, ul); } dom.remove(ul); }, remove: function (nodes) { var formatNode; for (var i = 0, l = nodes.length; i < l; i++) { formatNode = this.finder.findFormat(nodes[i]); if (formatNode) { this.unwrap(formatNode); } } }, toggle: function (range) { var that = this, nodes = textNodes(range), ancestor = range.commonAncestorContainer; if (!nodes.length) { range.selectNodeContents(ancestor); nodes = textNodes(range); if (!nodes.length) { var text = ancestor.ownerDocument.createTextNode(''); range.startContainer.appendChild(text); nodes = [text]; range.selectNode(text.parentNode); } } nodes = dom.filterBy(nodes, dom.htmlIndentSpace, true); if (that.finder.isFormatted(nodes)) { that.split(range); that.remove(nodes); } else { that.apply(nodes); } } }); var ListCommand = Command.extend({ init: function (options) { options.formatter = new ListFormatter(options.tag); Command.fn.init.call(this, options); } }); var ListTool = FormatTool.extend({ init: function (options) { this.options = options; FormatTool.fn.init.call(this, extend(options, { finder: new ListFormatFinder(options.tag) })); }, command: function (commandArguments) { return new ListCommand(extend(commandArguments, { tag: this.options.tag })); } }); extend(Editor, { ListFormatFinder: ListFormatFinder, ListFormatter: ListFormatter, ListCommand: ListCommand, ListTool: ListTool }); registerTool('insertUnorderedList', new ListTool({ tag: 'ul', template: new ToolTemplate({ template: EditorUtils.buttonTemplate, title: 'Insert unordered list' }) })); registerTool('insertOrderedList', new ListTool({ tag: 'ol', template: new ToolTemplate({ template: EditorUtils.buttonTemplate, title: 'Insert ordered list' }) })); }(window.kendo.jQuery)); }, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) { (a3 || a2)(); })); (function (f, define) { define('editor/link', ['editor/lists'], f); }(function () { (function ($, undefined) { var kendo = window.kendo, Class = kendo.Class, extend = $.extend, proxy = $.proxy, Editor = kendo.ui.editor, dom = Editor.Dom, RangeUtils = Editor.RangeUtils, EditorUtils = Editor.EditorUtils, Command = Editor.Command, Tool = Editor.Tool, ToolTemplate = Editor.ToolTemplate, InlineFormatter = Editor.InlineFormatter, InlineFormatFinder = Editor.InlineFormatFinder, textNodes = RangeUtils.textNodes, editableTextNodes = RangeUtils.editableTextNodes, registerTool = Editor.EditorUtils.registerTool, keys = kendo.keys; var HTTP_PROTOCOL = 'http://'; var protocolRegExp = /^\w*:\/\//; var endLinkCharsRegExp = /[\w\/\$\-_\*\?]/i; var LinkFormatFinder = Class.extend({ findSuitable: function (sourceNode) { return dom.parentOfType(sourceNode, ['a']); } }); var LinkFormatter = Class.extend({ init: function () { this.finder = new LinkFormatFinder(); }, apply: function (range, attributes) { var nodes = this.immutables ? editableTextNodes(range) : textNodes(range); var markers, doc, formatter, a, parent; if (attributes.innerHTML) { doc = RangeUtils.documentFromRange(range); markers = RangeUtils.getMarkers(range); range.deleteContents(); a = dom.create(doc, 'a', attributes); range.insertNode(a); parent = a.parentNode; if (dom.name(parent) == 'a') { dom.insertAfter(a, parent); } if (dom.emptyNode(parent)) { dom.remove(parent); } var ref = a; for (var i = 0; i < markers.length; i++) { dom.insertAfter(markers[i], ref); ref = markers[i]; } if (markers.length) { dom.insertBefore(doc.createTextNode('\uFEFF'), markers[1]); dom.insertAfter(doc.createTextNode('\uFEFF'), markers[1]); range.setStartBefore(markers[0]); range.setEndAfter(markers[markers.length - 1]); } } else { formatter = new InlineFormatter([{ tags: ['a'] }], attributes); formatter.finder = this.finder; formatter.apply(nodes); } } }); var UnlinkCommand = Command.extend({ init: function (options) { var that = this; options.formatter = { toggle: function (range) { var nodes = that.immutables() ? editableTextNodes(range) : textNodes(range); new InlineFormatter([{ tags: ['a'] }]).remove(nodes); } }; this.options = options; Command.fn.init.call(this, options); } }); var LinkCommand = Command.extend({ init: function (options) { var that; this.options = options; Command.fn.init.call(this, options); this.formatter = new LinkFormatter(); if (!options.url) { this.attributes = null; this.async = true; } else { this.exec = function () { this.formatter.immutables = that && that.immutables(); this.formatter.apply(options.range, { href: options.url, innerHTML: options.text || options.url, target: options.target }); }; } }, _dialogTemplate: function () { return kendo.template('
',
indent: function (content) {
return content.replace(/<\/(p|li|ul|ol|h[1-6]|table|tr|td|th)>/gi, '\n').replace(/<(ul|ol)([^>]*)>' }; this.lines = []; this.inlineBlockText = []; this.resetLine(); }, appendText: function (text) { if (text.nodeType === 3) { text = text.nodeValue; } this.textContainer.add(text); }, appendInlineBlockText: function (text) { this.inlineBlockText.push(text); }, flashInlineBlockText: function () { if (this.inlineBlockText.length) { this.appendText(this.inlineBlockText.join(' ')); this.inlineBlockText = []; } }, endLine: function () { this.flashInlineBlockText(); this.resetLine(); }, html: function () { var separators = this.separators; var result = ''; var lines = this.lines; this.flashInlineBlockText(); for (var i = 0, il = lines.length, il1 = il - 1; i < il; i++) { var line = lines[i]; for (var j = 0, jl = line.length, jl1 = jl - 1; j < jl; j++) { var text = line[j].text; result += text; if (j !== jl1) { result += separators.text; } } if (i !== il1) { result += separators.line; } } return result; }, resetLine: function () { this.textContainer = new TextContainer(); this.line = []; this.line.push(this.textContainer); this.lines.push(this.line); } }); var DomEnumerator = Class.extend({ init: function (callback) { this.callback = callback; }, enumerate: function (node) { if (!node) { return; } var preventDown = this.callback(node); var child = node.firstChild; if (!preventDown && child) { this.enumerate(child); } this.enumerate(node.nextSibling); } }); var HtmlContentCleaner = Cleaner.extend({ init: function (options) { Cleaner.fn.init.call(this, options); this.hasText = false; this.enumerator = new DomEnumerator($.proxy(this.buildText, this)); }, clean: function (html) { var container = dom.create(document, 'div', { innerHTML: html }); return this.cleanDom(container); }, cleanDom: function (container) { this.separators = this.getDefaultSeparators(); this.htmlLines = new HtmlTextLines(this.separators); this.enumerator.enumerate(container.firstChild); this.hasText = false; return this.htmlLines.html(); }, buildText: function (node) { if (dom.isDataNode(node)) { if (dom.isEmptyspace(node)) { return; } this.htmlLines.appendText(node.nodeValue.replace('\n', this.separators.line)); this.hasText = true; } else if (dom.isBlock(node) && this.hasText) { var action = this.actions[dom.name(node)] || this.actions.block; return action(this, node); } }, applicable: function () { var o = this.options; return o.all || o.keepNewLines; }, getDefaultSeparators: function () { if (this.options.all) { return { text: ' ', line: ' ' }; } else { return { text: ' ', line: '
' }; } }, actions: { ul: $.noop, ol: $.noop, table: $.noop, thead: $.noop, tbody: $.noop, td: function (cleaner, node) { var tdCleaner = new HtmlContentCleaner({ all: true }); var cellText = tdCleaner.cleanDom(node); cleaner.htmlLines.appendInlineBlockText(cellText); return true; }, block: function (cleaner) { cleaner.htmlLines.endLine(); } } }); var CustomCleaner = Cleaner.extend({ clean: function (html) { return this.options.custom(html); }, applicable: function () { return typeof this.options.custom === 'function'; } }); var PrintCommand = Command.extend({ init: function (options) { Command.fn.init.call(this, options); this.managesUndoRedo = true; }, exec: function () { var editor = this.editor; if (kendo.support.browser.msie) { editor.document.execCommand('print', false, null); } else if (editor.window.print) { editor.window.print(); } } }); var ExportPdfCommand = Command.extend({ init: function (options) { this.async = true; Command.fn.init.call(this, options); }, exec: function () { var that = this; var range = that.lockRange(true); var editor = that.editor; editor._destroyResizings(); editor.saveAsPDF().then(function () { that.releaseRange(range); editor._initializeColumnResizing(); editor._initializeRowResizing(); editor._initializeTableResizing(); }); } }); extend(editorNS, { _finishUpdate: finishUpdate, Command: Command, GenericCommand: GenericCommand, InsertHtmlCommand: InsertHtmlCommand, InsertHtmlTool: InsertHtmlTool, TypingHandler: TypingHandler, SystemHandler: SystemHandler, BackspaceHandler: BackspaceHandler, SelectAllHandler: SelectAllHandler, Keyboard: Keyboard, Clipboard: Clipboard, Cleaner: Cleaner, ScriptCleaner: ScriptCleaner, TabCleaner: TabCleaner, MSWordFormatCleaner: MSWordFormatCleaner, WebkitFormatCleaner: WebkitFormatCleaner, HtmlTagsCleaner: HtmlTagsCleaner, HtmlAttrCleaner: HtmlAttrCleaner, HtmlContentCleaner: HtmlContentCleaner, HtmlTextLines: HtmlTextLines, CustomCleaner: CustomCleaner, PrintCommand: PrintCommand, ExportPdfCommand: ExportPdfCommand }); registerTool('insertHtml', new InsertHtmlTool({ template: new ToolTemplate({ template: EditorUtils.dropDownListTemplate, title: 'Insert HTML', initialValue: 'Insert HTML' }) })); registerTool('print', new Tool({ command: PrintCommand, template: new ToolTemplate({ template: EditorUtils.buttonTemplate, title: 'Print' }) })); registerTool('pdf', new Tool({ command: ExportPdfCommand, template: new ToolTemplate({ template: EditorUtils.buttonTemplate, title: 'Export PDF' }) })); }(window.kendo.jQuery)); }, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) { (a3 || a2)(); })); (function (f, define) { define('editor/inlineformat', ['editor/system'], f); }(function () { (function ($) { var kendo = window.kendo, Class = kendo.Class, Editor = kendo.ui.editor, formats = kendo.ui.Editor.fn.options.formats, EditorUtils = Editor.EditorUtils, Tool = Editor.Tool, ToolTemplate = Editor.ToolTemplate, FormatTool = Editor.FormatTool, dom = Editor.Dom, RangeUtils = Editor.RangeUtils, extend = $.extend, registerTool = Editor.EditorUtils.registerTool, registerFormat = Editor.EditorUtils.registerFormat, preventDefault = function (ev) { ev.preventDefault(); }, MOUSEDOWN_NS = 'mousedown.kendoEditor', KEYDOWN_NS = 'keydown.kendoEditor', KMARKER = 'k-marker'; var InlineFormatFinder = Class.extend({ init: function (format) { this.format = format; }, numberOfSiblings: function (referenceNode) { var textNodesCount = 0, elementNodesCount = 0, markerCount = 0, parentNode = referenceNode.parentNode, node; for (node = parentNode.firstChild; node; node = node.nextSibling) { if (node != referenceNode) { if (node.className == KMARKER) { markerCount++; } else if (node.nodeType == 3) { textNodesCount++; } else { elementNodesCount++; } } } if (markerCount > 1 && parentNode.firstChild.className == KMARKER && parentNode.lastChild.className == KMARKER) { return 0; } else { return elementNodesCount + textNodesCount; } }, findSuitable: function (sourceNode, skip) { if (!skip && this.numberOfSiblings(sourceNode) > 0) { return null; } var node = sourceNode.parentNode; var tags = this.format[0].tags; while (!dom.ofType(node, tags)) { if (this.numberOfSiblings(node) > 0) { return null; } node = node.parentNode; } return node; }, findFormat: function (sourceNode) { var format = this.format, attrEquals = dom.attrEquals, i, len, node, tags, attributes; for (i = 0, len = format.length; i < len; i++) { node = sourceNode; tags = format[i].tags; attributes = format[i].attr; if (node && dom.ofType(node, tags) && attrEquals(node, attributes)) { return node; } while (node) { node = dom.parentOfType(node, tags); if (node && attrEquals(node, attributes)) { return node; } } } return null; }, isFormatted: function (nodes) { var i, len; for (i = 0, len = nodes.length; i < len; i++) { if (this.findFormat(nodes[i])) { return true; } } return false; } }); var InlineFormatter = Class.extend({ init: function (format, values) { this.finder = new InlineFormatFinder(format); this.attributes = extend({}, format[0].attr, values); this.tag = format[0].tags[0]; }, wrap: function (node) { return dom.wrap(node, dom.create(node.ownerDocument, this.tag, this.attributes)); }, activate: function (range, nodes) { if (this.finder.isFormatted(nodes)) { this.split(range); this.remove(nodes); } else { this.apply(nodes); } }, toggle: function (range) { var textNodes = this.immutables() ? RangeUtils.editableTextNodes : RangeUtils.textNodes; var nodes = textNodes(range); if (nodes.length > 0) { this.activate(range, nodes); } }, immutables: function () { return this.editor && this.editor.options.immutables; }, apply: function (nodes) { var formatNodes = []; var i, l, node, formatNode; var attributes = this.attributes; var styleAttr = attributes ? attributes.style || {} : {}; for (i = 0, l = nodes.length; i < l; i++) { node = nodes[i]; formatNode = this.finder.findSuitable(node); if (formatNode) { if (dom.is(formatNode, 'font')) { if (styleAttr.color) { formatNode.removeAttribute('color'); } if (styleAttr.fontName) { formatNode.removeAttribute('face'); } if (styleAttr.fontSize) { formatNode.removeAttribute('size'); } } dom.attr(formatNode, attributes); } else { while (!dom.isBlock(node.parentNode) && node.parentNode.childNodes.length == 1 && node.parentNode.contentEditable !== 'true') { node = node.parentNode; } formatNode = this.wrap(node); } formatNodes.push(formatNode); } this.consolidate(formatNodes); }, remove: function (nodes) { var i, l, formatNode; for (i = 0, l = nodes.length; i < l; i++) { formatNode = this.finder.findFormat(nodes[i]); if (formatNode) { if (this.attributes && this.attributes.style) { dom.unstyle(formatNode, this.attributes.style); if (!formatNode.style.cssText && !formatNode.attributes['class']) { dom.unwrap(formatNode); } } else { dom.unwrap(formatNode); } } } }, split: function (range) { var nodes = RangeUtils.textNodes(range); var l = nodes.length; var i, formatNode; if (l > 0) { for (i = 0; i < l; i++) { formatNode = this.finder.findFormat(nodes[i]); if (formatNode) { RangeUtils.split(range, formatNode, true); } } } }, consolidate: function (nodes) { var node, last; while (nodes.length > 1) { node = nodes.pop(); last = nodes[nodes.length - 1]; if (node.previousSibling && node.previousSibling.className == KMARKER) { last.appendChild(node.previousSibling); } if (node.tagName == last.tagName && node.previousSibling == last && node.style.cssText == last.style.cssText) { while (node.firstChild) { last.appendChild(node.firstChild); } dom.remove(node); } } } }); var GreedyInlineFormatFinder = InlineFormatFinder.extend({ init: function (format, greedyProperty) { this.format = format; this.greedyProperty = greedyProperty; InlineFormatFinder.fn.init.call(this, format); }, getInlineCssValue: function (node) { var attributes = node.attributes; var trim = $.trim; var i, l, attribute, name, attributeValue, css, pair, cssIndex, len; var propertyAndValue, property, value; if (!attributes) { return; } for (i = 0, l = attributes.length; i < l; i++) { attribute = attributes[i]; name = attribute.nodeName; attributeValue = attribute.nodeValue; if (attribute.specified && name == 'style') { css = trim(attributeValue || node.style.cssText).split(';'); for (cssIndex = 0, len = css.length; cssIndex < len; cssIndex++) { pair = css[cssIndex]; if (pair.length) { propertyAndValue = pair.split(':'); property = trim(propertyAndValue[0].toLowerCase()); value = trim(propertyAndValue[1]); if (property != this.greedyProperty) { continue; } return property.indexOf('color') >= 0 ? dom.toHex(value) : value; } } } } }, getFormatInner: function (node) { var $node = $(dom.isDataNode(node) ? node.parentNode : node); var parents = $node.parentsUntil('[contentEditable]').addBack().toArray().reverse(); var i, len, value; for (i = 0, len = parents.length; i < len; i++) { value = this.greedyProperty == 'className' ? parents[i].className : this.getInlineCssValue(parents[i]); if (value) { return value; } } return 'inherit'; }, getFormat: function (nodes) { var result = this.getFormatInner(nodes[0]), i, len; for (i = 1, len = nodes.length; i < len; i++) { if (result != this.getFormatInner(nodes[i])) { return ''; } } return result; }, isFormatted: function (nodes) { return this.getFormat(nodes) !== ''; } }); var GreedyInlineFormatter = InlineFormatter.extend({ init: function (format, values, greedyProperty) { InlineFormatter.fn.init.call(this, format, values); this.values = values; this.finder = new GreedyInlineFormatFinder(format, greedyProperty); if (greedyProperty) { this.greedyProperty = kendo.toCamelCase(greedyProperty); } }, activate: function (range, nodes) { var greedyProperty = this.greedyProperty; var action = 'apply'; this.split(range); if (greedyProperty && this.values.style[greedyProperty] == 'inherit') { action = 'remove'; } this[action](nodes); } }); var InlineFormatTool = FormatTool.extend({ init: function (options) { FormatTool.fn.init.call(this, extend(options, { finder: new InlineFormatFinder(options.format), formatter: function () { return new InlineFormatter(options.format); } })); } }); var DelayedExecutionTool = Tool.extend({ update: function (ui, nodes) { var list = ui.data(this.type); list.close(); list.value(this.finder.getFormat(nodes)); } }); var FontTool = DelayedExecutionTool.extend({ init: function (options) { Tool.fn.init.call(this, options); this.type = kendo.support.browser.msie || kendo.support.touch ? 'kendoDropDownList' : 'kendoComboBox'; this.format = [{ tags: [ 'span', 'font' ] }]; this.finder = new GreedyInlineFormatFinder(this.format, options.cssAttr); }, command: function (commandArguments) { var options = this.options, format = this.format, style = {}; return new Editor.FormatCommand(extend(commandArguments, { formatter: function () { style[options.domAttr] = commandArguments.value; return new GreedyInlineFormatter(format, { style: style }, options.cssAttr); } })); }, initialize: function (ui, initOptions) { var editor = initOptions.editor, options = this.options, toolName = options.name, dataSource, range, defaultValue = []; if (options.defaultValue) { defaultValue = [{ text: editor.options.messages[options.defaultValue[0].text], value: options.defaultValue[0].value }]; } dataSource = defaultValue.concat(options.items ? options.items : editor.options[toolName] || []); ui.attr({ title: initOptions.title }); ui[this.type]({ dataTextField: 'text', dataValueField: 'value', dataSource: dataSource, change: function () { editor._range = range; Tool.exec(editor, toolName, this.value()); }, close: function () { setTimeout(function () { if ('_range' in editor) { delete editor._range; } }, 0); }, highlightFirst: false }); ui.closest('.k-widget').removeClass('k-' + toolName).find('*').addBack().attr('unselectable', 'on'); var widget = ui.data(this.type); widget.value('inherit'); widget.wrapper.on(MOUSEDOWN_NS, '.k-select,.k-input', function () { var newRange = editor.getRange(); range = editor._containsRange(newRange) ? newRange : range; }).on(KEYDOWN_NS, function (e) { if (e.keyCode === kendo.keys.ENTER) { e.preventDefault(); } }); } }); var ColorTool = Tool.extend({ init: function (options) { Tool.fn.init.call(this, options); this.format = [{ tags: [ 'span', 'font' ] }]; this.finder = new GreedyInlineFormatFinder(this.format, options.cssAttr); }, options: { palette: 'websafe' }, update: function () { this._widget.close(); }, command: function (commandArguments) { var options = this.options, format = this.format, style = {}; return new Editor.FormatCommand(extend(commandArguments, { formatter: function () { style[options.domAttr] = commandArguments.value; return new GreedyInlineFormatter(format, { style: style }, options.cssAttr); } })); }, initialize: function (ui, initOptions) { var editor = initOptions.editor, toolName = this.name, options = extend({}, ColorTool.fn.options, this.options), palette = options.palette, columns = options.columns; ui = this._widget = new kendo.ui.ColorPicker(ui, { toolIcon: 'k-icon k-i-' + EditorUtils.getToolCssClass(options.name), palette: palette, columns: columns, change: function () { var color = ui.value(); if (color) { Tool.exec(editor, toolName, color); } editor.focus(); }, open: function (e) { var picker = e.sender; picker.value(null); picker._popup.element.on(MOUSEDOWN_NS, preventDefault); }, close: function (e) { e.sender._popup.element.off(MOUSEDOWN_NS); }, activate: function (e) { e.preventDefault(); ui.trigger('change'); } }); ui.wrapper.attr({ title: initOptions.title, unselectable: 'on' }).find('*').attr('unselectable', 'on'); } }); extend(Editor, { InlineFormatFinder: InlineFormatFinder, InlineFormatter: InlineFormatter, DelayedExecutionTool: DelayedExecutionTool, GreedyInlineFormatFinder: GreedyInlineFormatFinder, GreedyInlineFormatter: GreedyInlineFormatter, InlineFormatTool: InlineFormatTool, FontTool: FontTool, ColorTool: ColorTool }); registerFormat('bold', [ { tags: [ 'strong', 'b' ] }, { tags: ['span'], attr: { style: { fontWeight: 'bold' } } } ]); registerTool('bold', new InlineFormatTool({ key: 'B', ctrl: true, format: formats.bold, template: new ToolTemplate({ template: EditorUtils.buttonTemplate, title: 'Bold' }) })); registerFormat('italic', [ { tags: [ 'em', 'i' ] }, { tags: ['span'], attr: { style: { fontStyle: 'italic' } } } ]); registerTool('italic', new InlineFormatTool({ key: 'I', ctrl: true, format: formats.italic, template: new ToolTemplate({ template: EditorUtils.buttonTemplate, title: 'Italic' }) })); registerFormat('underline', [ { tags: ['span'], attr: { style: { textDecoration: 'underline' } } }, { tags: ['u'] } ]); registerTool('underline', new InlineFormatTool({ key: 'U', ctrl: true, format: formats.underline, template: new ToolTemplate({ template: EditorUtils.buttonTemplate, title: 'Underline' }) })); registerFormat('strikethrough', [ { tags: [ 'del', 'strike' ] }, { tags: ['span'], attr: { style: { textDecoration: 'line-through' } } } ]); registerTool('strikethrough', new InlineFormatTool({ format: formats.strikethrough, template: new ToolTemplate({ template: EditorUtils.buttonTemplate, title: 'Strikethrough' }) })); registerFormat('superscript', [{ tags: ['sup'] }]); registerTool('superscript', new InlineFormatTool({ format: formats.superscript, template: new ToolTemplate({ template: EditorUtils.buttonTemplate, title: 'Superscript' }) })); registerFormat('subscript', [{ tags: ['sub'] }]); registerTool('subscript', new InlineFormatTool({ format: formats.subscript, template: new ToolTemplate({ template: EditorUtils.buttonTemplate, title: 'Subscript' }) })); registerTool('foreColor', new ColorTool({ cssAttr: 'color', domAttr: 'color', name: 'foreColor', template: new ToolTemplate({ template: EditorUtils.colorPickerTemplate, title: 'Color' }) })); registerTool('backColor', new ColorTool({ cssAttr: 'background-color', domAttr: 'backgroundColor', name: 'backColor', template: new ToolTemplate({ template: EditorUtils.colorPickerTemplate, title: 'Background Color' }) })); registerTool('fontName', new FontTool({ cssAttr: 'font-family', domAttr: 'fontFamily', name: 'fontName', defaultValue: [{ text: 'fontNameInherit', value: 'inherit' }], template: new ToolTemplate({ template: EditorUtils.comboBoxTemplate, title: 'Font Name' }) })); registerTool('fontSize', new FontTool({ cssAttr: 'font-size', domAttr: 'fontSize', name: 'fontSize', defaultValue: [{ text: 'fontSizeInherit', value: 'inherit' }], template: new ToolTemplate({ template: EditorUtils.comboBoxTemplate, title: 'Font Size' }) })); }(window.kendo.jQuery)); }, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) { (a3 || a2)(); })); (function (f, define) { define('editor/formatblock', ['editor/inlineformat'], f); }(function () { (function ($) { var kendo = window.kendo, Class = kendo.Class, extend = $.extend, Editor = kendo.ui.editor, formats = kendo.ui.Editor.fn.options.formats, dom = Editor.Dom, Command = Editor.Command, ToolTemplate = Editor.ToolTemplate, FormatTool = Editor.FormatTool, EditorUtils = Editor.EditorUtils, registerTool = EditorUtils.registerTool, registerFormat = EditorUtils.registerFormat, RangeUtils = Editor.RangeUtils; var BlockFormatFinder = Class.extend({ init: function (format) { this.format = format; }, contains: function (node, children) { var i, len, child; for (i = 0, len = children.length; i < len; i++) { child = children[i]; if (!child || !dom.isAncestorOrSelf(node, child)) { return false; } } return true; }, findSuitable: function (nodes) { var format = this.format, suitable = [], i, len, candidate; for (i = 0, len = nodes.length; i < len; i++) { for (var f = format.length - 1; f >= 0; f--) { candidate = dom.ofType(nodes[i], format[f].tags) ? nodes[i] : dom.closestEditableOfType(nodes[i], format[f].tags); if (candidate) { break; } } if (!candidate || candidate.contentEditable === 'true') { return []; } if ($.inArray(candidate, suitable) < 0) { suitable.push(candidate); } } this._resolveListsItems(suitable); for (i = 0, len = suitable.length; i < len; i++) { if (this.contains(suitable[i], suitable)) { return [suitable[i]]; } } return suitable; }, _resolveListsItems: function (nodes) { var i, node, wrapper; for (i = 0; i < nodes.length; i++) { node = nodes[i]; wrapper = dom.is(node, 'li') ? node : dom.wrapper(node); wrapper = wrapper && dom.list(wrapper) ? wrapper.children[0] : wrapper; if (dom.is(wrapper, 'li')) { node = nodes[i] = wrapper; } } }, findFormat: function (sourceNode) { var format = this.format, i, len, node, tags, attributes; var editableParent = dom.editableParent(sourceNode); var immutables = this.options && this.options.immutables; var ImmutablesNS = Editor.Immutables; for (i = 0, len = format.length; i < len; i++) { node = sourceNode; tags = format[i].tags; attributes = format[i].attr; if (immutables && tags && tags[0] == 'immutable') { var immutable = ImmutablesNS.immutableParent(node); if (immutable && dom.attrEquals(immutable, attributes)) { return node; } } while (node && dom.isAncestorOf(editableParent, node)) { if (dom.ofType(node, tags) && dom.attrEquals(node, attributes)) { return node; } node = node.parentNode; } } return null; }, getFormat: function (nodes) { var that = this, findFormat = function (node) { return that.findFormat(dom.isDataNode(node) ? node.parentNode : node); }, result = findFormat(nodes[0]), i, len; if (!result) { return ''; } for (i = 1, len = nodes.length; i < len; i++) { if (result != findFormat(nodes[i])) { return ''; } } return result.nodeName.toLowerCase(); }, isFormatted: function (nodes) { for (var i = 0, len = nodes.length; i < len; i++) { if (!this.findFormat(nodes[i])) { return false; } } return true; } }); var BlockFormatter = Class.extend({ init: function (format, values) { this.format = format; this.values = values; this.finder = new BlockFormatFinder(format); }, wrap: function (tag, attributes, nodes) { var commonAncestor = nodes.length == 1 ? dom.blockParentOrBody(nodes[0]) : dom.commonAncestor.apply(null, nodes); if (dom.isInline(commonAncestor)) { commonAncestor = dom.blockParentOrBody(commonAncestor); } var ancestors = dom.significantChildNodes(commonAncestor), position = dom.findNodeIndex(ancestors[0]), wrapper = dom.create(commonAncestor.ownerDocument, tag, attributes), i, ancestor; for (i = 0; i < ancestors.length; i++) { ancestor = ancestors[i]; if (dom.isBlock(ancestor)) { dom.attr(ancestor, attributes); if (wrapper.childNodes.length) { dom.insertBefore(wrapper, ancestor); wrapper = wrapper.cloneNode(false); } position = dom.findNodeIndex(ancestor) + 1; continue; } wrapper.appendChild(ancestor); } if (wrapper.firstChild) { dom.insertAt(commonAncestor, wrapper, position); } }, apply: function (nodes) { var format, values = this.values; function attributes(format) { return extend({}, format && format.attr, values); } this._handleImmutables(nodes, true); var images = dom.filter('img', nodes); var imageFormat = EditorUtils.formatByName('img', this.format); var imageAttributes = attributes(imageFormat); $.each(images, function () { dom.attr(this, imageAttributes); }); if (images.length == nodes.length) { return; } var nonImages = dom.filter('img', nodes, true); var formatNodes = this.finder.findSuitable(nonImages); if (formatNodes.length) { for (var i = 0, len = formatNodes.length; i < len; i++) { format = EditorUtils.formatByName(dom.name(formatNodes[i]), this.format); dom.attr(formatNodes[i], attributes(format)); } } else { format = this.format[0]; this.wrap(format.tags[0], attributes(format), nonImages); } }, _handleImmutables: function (nodes, applyFormatting) { if (!this.immutables()) { return; } var immutableFormat = EditorUtils.formatByName('immutable', this.format); if (!immutableFormat) { return; } var ImmutablesNS = Editor.Immutables; var l = nodes.length - 1; for (var i = l; i >= 0; i--) { var immutableParent = ImmutablesNS.immutableParent(nodes[i]); if (!immutableParent) { continue; } if (immutableParent !== nodes[i + 1]) { if (applyFormatting) { dom.attr(immutableParent, immutableFormat.attr); } else { dom.unstyle(immutableParent, immutableFormat.attr.style); } } nodes.splice(i, 1); } }, immutables: function () { return this.editor && this.editor.options.immutables; }, remove: function (nodes) { var i, l, formatNode, namedFormat, name; this._handleImmutables(nodes, false); for (i = 0, l = nodes.length; i < l; i++) { formatNode = this.finder.findFormat(nodes[i]); if (formatNode) { name = dom.name(formatNode); if (name == 'div' && !formatNode.getAttribute('class')) { dom.unwrap(formatNode); } else { namedFormat = EditorUtils.formatByName(name, this.format); if (namedFormat.attr.style) { dom.unstyle(formatNode, namedFormat.attr.style); } if (namedFormat.attr.className) { dom.removeClass(formatNode, namedFormat.attr.className); } } } } }, toggle: function (range) { var that = this, nodes = dom.filterBy(RangeUtils.nodes(range), dom.htmlIndentSpace, true); if (that.finder.isFormatted(nodes)) { that.remove(nodes); } else { that.apply(nodes); } } }); var GreedyBlockFormatter = Class.extend({ init: function (format, values) { var that = this; that.format = format; that.values = values; that.finder = new BlockFormatFinder(format); }, apply: function (nodes) { var format = this.format; var blocks = dom.blockParents(nodes); var formatTag = format[0].tags[0]; var i, len, list, formatter, range; var element; var tagName; var block; var immutalbeParent; if (blocks.length) { for (i = 0, len = blocks.length; i < len; i++) { block = blocks[i]; immutalbeParent = this.immutables() && Editor.Immutables.immutableParent(block); if (!immutalbeParent) { tagName = dom.name(block); if (tagName == 'li') { list = block.parentNode; formatter = new Editor.ListFormatter(list.nodeName.toLowerCase(), formatTag); range = this.editor.createRange(); range.selectNode(blocks[i]); formatter.toggle(range); } else if (formatTag && (tagName == 'td' || block.attributes.contentEditable)) { new BlockFormatter(format, this.values).apply(block.childNodes); } else { element = dom.changeTag(block, formatTag); dom.attr(element, format[0].attr); } } } } else { var blockFormatter = new BlockFormatter(format, this.values); blockFormatter.editor = this.editor; blockFormatter.apply(nodes); } }, toggle: function (range) { var nodes = RangeUtils.textNodes(range); if (!nodes.length) { range.selectNodeContents(range.commonAncestorContainer); nodes = RangeUtils.textNodes(range); if (!nodes.length) { nodes = dom.significantChildNodes(range.commonAncestorContainer); } } this.apply(nodes); }, immutables: function () { return this.editor && this.editor.options.immutables; } }); var FormatCommand = Command.extend({ init: function (options) { options.formatter = options.formatter(); var finder = options.formatter.finder; if (finder && EditorUtils.formatByName('immutable', finder.format)) { finder._initOptions({ immutables: options.immutables }); } Command.fn.init.call(this, options); } }); var BlockFormatTool = FormatTool.extend({ init: function (options) { FormatTool.fn.init.call(this, extend(options, { finder: new BlockFormatFinder(options.format), formatter: function () { return new BlockFormatter(options.format); } })); } }); extend(Editor, { BlockFormatFinder: BlockFormatFinder, BlockFormatter: BlockFormatter, GreedyBlockFormatter: GreedyBlockFormatter, FormatCommand: FormatCommand, BlockFormatTool: BlockFormatTool }); var listElements = [ 'ul', 'ol', 'li' ]; registerFormat('justifyLeft', [ { tags: dom.nonListBlockElements, attr: { style: { textAlign: 'left' } } }, { tags: ['img'], attr: { style: { 'float': 'left', display: '', marginLeft: '', marginRight: '' } } }, { tags: ['immutable'], attr: { style: { 'float': 'left', display: '', marginLeft: '', marginRight: '' } } }, { tags: listElements, attr: { style: { textAlign: 'left', listStylePosition: '' } } } ]); registerTool('justifyLeft', new BlockFormatTool({ format: formats.justifyLeft, template: new ToolTemplate({ template: EditorUtils.buttonTemplate, title: 'Justify Left' }) })); registerFormat('justifyCenter', [ { tags: dom.nonListBlockElements, attr: { style: { textAlign: 'center' } } }, { tags: ['img'], attr: { style: { display: 'block', marginLeft: 'auto', marginRight: 'auto', 'float': '' } } }, { tags: ['immutable'], attr: { style: { display: 'block', marginLeft: 'auto', marginRight: 'auto', 'float': '' } } }, { tags: listElements, attr: { style: { textAlign: 'center', listStylePosition: 'inside' } } } ]); registerTool('justifyCenter', new BlockFormatTool({ format: formats.justifyCenter, template: new ToolTemplate({ template: EditorUtils.buttonTemplate, title: 'Justify Center' }) })); registerFormat('justifyRight', [ { tags: dom.nonListBlockElements, attr: { style: { textAlign: 'right' } } }, { tags: ['img'], attr: { style: { 'float': 'right', display: '', marginLeft: '', marginRight: '' } } }, { tags: ['immutable'], attr: { style: { 'float': 'right', display: '', marginLeft: '', marginRight: '' } } }, { tags: listElements, attr: { style: { textAlign: 'right', listStylePosition: 'inside' } } } ]); registerTool('justifyRight', new BlockFormatTool({ format: formats.justifyRight, template: new ToolTemplate({ template: EditorUtils.buttonTemplate, title: 'Justify Right' }) })); registerFormat('justifyFull', [ { tags: dom.nonListBlockElements, attr: { style: { textAlign: 'justify' } } }, { tags: ['img'], attr: { style: { display: 'block', marginLeft: 'auto', marginRight: 'auto', 'float': '' } } }, { tags: ['immutable'], attr: { style: { display: 'block', marginLeft: 'auto', marginRight: 'auto', 'float': '' } } }, { tags: listElements, attr: { style: { textAlign: 'justify', listStylePosition: '' } } } ]); registerTool('justifyFull', new BlockFormatTool({ format: formats.justifyFull, template: new ToolTemplate({ template: EditorUtils.buttonTemplate, title: 'Justify Full' }) })); }(window.kendo.jQuery)); }, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) { (a3 || a2)(); })); (function (f, define) { define('editor/linebreak', ['editor/formatblock'], f); }(function () { (function ($) { var kendo = window.kendo, extend = $.extend, editorNS = kendo.ui.editor, dom = editorNS.Dom, Command = editorNS.Command, Tool = editorNS.Tool, BlockFormatter = editorNS.BlockFormatter, normalize = dom.normalize, RangeUtils = editorNS.RangeUtils, registerTool = editorNS.EditorUtils.registerTool; var ParagraphCommand = Command.extend({ init: function (options) { this.options = options; Command.fn.init.call(this, options); }, _insertMarker: function (doc, range) { var marker = dom.create(doc, 'a'), container; marker.className = 'k-marker'; range.insertNode(marker); if (!marker.parentNode) { container = range.commonAncestorContainer; container.innerHTML = ''; container.appendChild(marker); } normalize(marker.parentNode); return marker; }, _moveFocus: function (range, candidate) { if (dom.isEmpty(candidate)) { range.setStartBefore(candidate); } else { range.selectNodeContents(candidate); var focusNode = RangeUtils.textNodes(range)[0]; if (!focusNode) { while (candidate.childNodes.length && !dom.is(candidate.firstChild, 'br')) { candidate = candidate.firstChild; } focusNode = candidate; } if (dom.isEmpty(focusNode)) { range.setStartBefore(focusNode); } else { if (dom.emptyNode(focusNode)) { focusNode.innerHTML = '\uFEFF'; } range.setStartBefore(focusNode.firstChild || focusNode); } } }, shouldTrim: function (range) { var blocks = 'p,h1,h2,h3,h4,h5,h6'.split(','), startInBlock = dom.parentOfType(range.startContainer, blocks), endInBlock = dom.parentOfType(range.endContainer, blocks); return startInBlock && !endInBlock || !startInBlock && endInBlock; }, _blankAfter: function (node) { while (node && (dom.isMarker(node) || dom.stripBom(node.nodeValue) === '')) { node = node.nextSibling; } return !node; }, exec: function () { var range = this.getRange(), doc = RangeUtils.documentFromRange(range), parent, previous, next, emptyParagraphContent = editorNS.emptyElementContent, paragraph, marker, li, heading, rng, shouldTrim; this.expandImmutablesIn(range); shouldTrim = this.shouldTrim(range); range.deleteContents(); marker = this._insertMarker(doc, range); dom.stripBomNode(marker.previousSibling); dom.stripBomNode(marker.nextSibling); li = dom.closestEditableOfType(marker, ['li']); heading = dom.closestEditableOfType(marker, 'h1,h2,h3,h4,h5,h6'.split(',')); if (li) { if (dom.emptyNode(li)) { paragraph = dom.create(doc, 'p'); if (dom.next(li)) { rng = range.cloneRange(); rng.selectNode(li); RangeUtils.split(rng, li.parentNode); } var br = $('br', li); if (br.length == 1) { br.remove(); } var parentNode = li.parentNode; var parentChildrenLength = li.parentNode.children.length; var firstChild = parentChildrenLength > 1 && li.childNodes.length == 1 && li.children[0]; dom.insertAfter(paragraph, parentNode); dom.remove(parentChildrenLength == 1 ? li.parentNode : li); if (firstChild && firstChild !== marker) { paragraph.appendChild(firstChild); paragraph.appendChild(marker); } else { paragraph.innerHTML = emptyParagraphContent; } next = paragraph; } } else if (heading && this._blankAfter(marker)) { paragraph = dom.create(doc, 'p'); dom.insertAfter(paragraph, heading); paragraph.innerHTML = emptyParagraphContent; dom.remove(marker); next = paragraph; } if (!next) { if (!(li || heading)) { new BlockFormatter([{ tags: ['p'] }]).apply([marker]); } range.selectNode(marker); parent = dom.parentOfType(marker, [li ? 'li' : heading ? dom.name(heading) : 'p']); RangeUtils.split(range, parent, shouldTrim); previous = parent.previousSibling; if (dom.is(previous, 'li') && previous.firstChild && !dom.is(previous.firstChild, 'br')) { previous = previous.firstChild; } next = parent.nextSibling; this.clean(previous); this.clean(next, { links: true }); if (dom.is(next, 'li') && next.firstChild && !dom.is(next.firstChild, 'br')) { next = next.firstChild; } dom.remove(parent); normalize(previous); } normalize(next); this._moveFocus(range, next); range.collapse(true); dom.scrollTo(next); RangeUtils.selectRange(range); }, clean: function (node, options) { var root = node; if (node.firstChild && dom.is(node.firstChild, 'br')) { dom.remove(node.firstChild); } if (dom.isDataNode(node) && !node.nodeValue) { node = node.parentNode; } if (node) { var siblings = false; while (node.firstChild && node.firstChild.nodeType == 1) { siblings = siblings || dom.significantNodes(node.childNodes).length > 1; node = node.firstChild; } if (!dom.isEmpty(node) && /^\s*$/.test(node.innerHTML) && !siblings) { $(root).find('.k-br').remove(); node.innerHTML = editorNS.emptyElementContent; } if (options && options.links) { while (node != root) { if (dom.is(node, 'a') && dom.emptyNode(node)) { dom.unwrap(node); break; } node = node.parentNode; } } } } }); var NewLineCommand = Command.extend({ init: function (options) { this.options = options; Command.fn.init.call(this, options); }, exec: function () { var range = this.getRange(); this.expandImmutablesIn(range); var br = dom.create(RangeUtils.documentFromRange(range), 'br'); var filler; var browser = kendo.support.browser; var oldIE = browser.msie && browser.version < 11; range.deleteContents(); range.insertNode(br); normalize(br.parentNode); if (!oldIE && (!br.nextSibling || dom.isWhitespace(br.nextSibling))) { filler = br.cloneNode(true); filler.className = 'k-br'; dom.insertAfter(filler, br); } range.setStartAfter(br); range.collapse(true); dom.scrollTo(br.nextSibling || br); RangeUtils.selectRange(range); } }); extend(editorNS, { ParagraphCommand: ParagraphCommand, NewLineCommand: NewLineCommand }); registerTool('insertLineBreak', new Tool({ key: 13, shift: true, command: NewLineCommand })); registerTool('insertParagraph', new Tool({ key: 13, command: ParagraphCommand })); }(window.kendo.jQuery)); }, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) { (a3 || a2)(); })); (function (f, define) { define('editor/lists', ['editor/linebreak'], f); }(function () { (function ($) { var kendo = window.kendo, Class = kendo.Class, extend = $.extend, Editor = kendo.ui.editor, dom = Editor.Dom, RangeUtils = Editor.RangeUtils, EditorUtils = Editor.EditorUtils, Command = Editor.Command, ToolTemplate = Editor.ToolTemplate, FormatTool = Editor.FormatTool, BlockFormatFinder = Editor.BlockFormatFinder, textNodes = RangeUtils.textNodes, registerTool = Editor.EditorUtils.registerTool; var ListFormatFinder = BlockFormatFinder.extend({ init: function (tag) { this.tag = tag; var tags = this.tags = [ tag == 'ul' ? 'ol' : 'ul', tag ]; BlockFormatFinder.fn.init.call(this, [{ tags: tags }]); }, isFormatted: function (nodes) { var formatNodes = []; var formatNode, i; for (i = 0; i < nodes.length; i++) { formatNode = this.findFormat(nodes[i]); if (formatNode && dom.name(formatNode) == this.tag) { formatNodes.push(formatNode); } } if (formatNodes.length < 1) { return false; } if (formatNodes.length != nodes.length) { return false; } for (i = 0; i < formatNodes.length; i++) { if (formatNodes[i].parentNode != formatNode.parentNode) { break; } if (formatNodes[i] != formatNode) { return false; } } return true; }, findSuitable: function (nodes) { var candidate = this.findFormat(nodes[0]); if (candidate && dom.name(candidate) == this.tag) { return candidate; } return null; } }); var ListFormatter = Class.extend({ init: function (tag, unwrapTag) { var that = this; that.finder = new ListFormatFinder(tag); that.tag = tag; that.unwrapTag = unwrapTag; }, isList: function (node) { return dom.list(node); }, immutables: function () { return this.editor && !!this.editor.options.immutables; }, wrap: function (list, nodes) { var li = dom.create(list.ownerDocument, 'li'), i, node, isImmutable = this.immutables() ? Editor.Immutables.immutable : $.noop; for (i = 0; i < nodes.length; i++) { node = nodes[i]; if (dom.is(node, 'li')) { list.appendChild(node); continue; } if (this.isList(node)) { while (node.firstChild) { list.appendChild(node.firstChild); } continue; } if (dom.is(node, 'td')) { while (node.firstChild) { li.appendChild(node.firstChild); } list.appendChild(li); node.appendChild(list); list = list.cloneNode(false); li = li.cloneNode(false); continue; } li.appendChild(node); if (dom.isBlock(node)) { list.appendChild(li); if (!isImmutable(node)) { dom.unwrap(node); } li = li.cloneNode(false); } } if (li.firstChild) { list.appendChild(li); } }, containsAny: function (parent, nodes) { for (var i = 0; i < nodes.length; i++) { if (dom.isAncestorOrSelf(parent, nodes[i])) { return true; } } return false; }, suitable: function (candidate, nodes) { if (candidate.className == 'k-marker') { var sibling = candidate.nextSibling; if (sibling && dom.isBlock(sibling)) { return false; } sibling = candidate.previousSibling; if (sibling && dom.isBlock(sibling)) { return false; } } return this.containsAny(candidate, nodes) || dom.isInline(candidate) || candidate.nodeType == 3; }, _parentLists: function (node) { var editable = dom.closestEditable(node); return $(node).parentsUntil(editable, 'ul,ol'); }, split: function (range) { var nodes = textNodes(range); var start, end, parents; if (nodes.length) { start = dom.parentOfType(nodes[0], ['li']); end = dom.parentOfType(nodes[nodes.length - 1], ['li']); range.setStartBefore(start); range.setEndAfter(end); for (var i = 0, l = nodes.length; i < l; i++) { var formatNode = this.finder.findFormat(nodes[i]); if (formatNode) { parents = this._parentLists(formatNode); if (parents.length) { RangeUtils.split(range, parents.last()[0], true); } else { RangeUtils.split(range, formatNode, true); } } } } }, merge: function (tag, formatNode) { var prev = formatNode.previousSibling, next; while (prev && (prev.className == 'k-marker' || prev.nodeType == 3 && dom.isWhitespace(prev))) { prev = prev.previousSibling; } if (prev && dom.name(prev) == tag) { while (formatNode.firstChild) { prev.appendChild(formatNode.firstChild); } dom.remove(formatNode); formatNode = prev; } next = formatNode.nextSibling; while (next && (next.className == 'k-marker' || next.nodeType == 3 && dom.isWhitespace(next))) { next = next.nextSibling; } if (next && dom.name(next) == tag) { while (formatNode.lastChild) { next.insertBefore(formatNode.lastChild, next.firstChild); } dom.remove(formatNode); } }, breakable: function (node) { return node != node.ownerDocument.body && !/table|tbody|tr|td/.test(dom.name(node)) && !node.attributes.contentEditable; }, applyOnSection: function (section, nodes) { var tag = this.tag; var commonAncestor = dom.closestSplittableParent(nodes); var ancestors = []; var formatNode = this.finder.findSuitable(nodes); if (!formatNode) { formatNode = new ListFormatFinder(tag == 'ul' ? 'ol' : 'ul').findSuitable(nodes); } var childNodes; if (/table|tbody/.test(dom.name(commonAncestor))) { childNodes = $.map(nodes, function (node) { return dom.parentOfType(node, ['td']); }); } else { childNodes = dom.significantChildNodes(commonAncestor); if ($.grep(childNodes, dom.isBlock).length) { childNodes = $.grep(childNodes, $.proxy(function (node) { return this.containsAny(node, nodes); }, this)); } if (!childNodes.length) { childNodes = nodes; } } function pushAncestor() { ancestors.push(this); } for (var i = 0; i < childNodes.length; i++) { var child = childNodes[i]; var suitable = (!formatNode || !dom.isAncestorOrSelf(formatNode, child)) && this.suitable(child, nodes); if (!suitable) { continue; } if (formatNode && this.isList(child)) { $.each(child.children, pushAncestor); dom.remove(child); } else { ancestors.push(child); } } if (ancestors.length == childNodes.length && this.breakable(commonAncestor)) { ancestors = [commonAncestor]; } if (!formatNode) { formatNode = dom.create(commonAncestor.ownerDocument, tag); dom.insertBefore(formatNode, ancestors[0]); } this.wrap(formatNode, ancestors); while (dom.isBom(formatNode.nextSibling)) { dom.remove(formatNode.nextSibling); } if (!dom.is(formatNode, tag)) { dom.changeTag(formatNode, tag); } this.merge(tag, formatNode); }, apply: function (nodes) { var i = 0, sections = [], lastSection, lastNodes, section, node, l = nodes.length, immutableParent = this.immutables() ? Editor.Immutables.immutableParent : $.noop; function addLastSection() { if (lastSection) { sections.push({ section: lastSection, nodes: lastNodes }); } } for (i = 0; i < l; i++) { node = immutableParent(nodes[i]) || nodes[i]; section = dom.closestEditable(node, [ 'td', 'body' ]); if (!lastSection || section != lastSection) { addLastSection(); lastNodes = [node]; lastSection = section; } else { lastNodes.push(node); } } addLastSection(); for (i = 0; i < sections.length; i++) { this.applyOnSection(sections[i].section, sections[i].nodes); } }, unwrap: function (ul) { var fragment = ul.ownerDocument.createDocumentFragment(), unwrapTag = this.unwrapTag, parents, li, p, child; for (li = ul.firstChild; li; li = li.nextSibling) { p = dom.create(ul.ownerDocument, unwrapTag || 'p'); while (li.firstChild) { child = li.firstChild; if (dom.isBlock(child)) { if (p.firstChild) { fragment.appendChild(p); p = dom.create(ul.ownerDocument, unwrapTag || 'p'); } fragment.appendChild(child); } else { p.appendChild(child); } } if (p.firstChild) { fragment.appendChild(p); } } parents = this._parentLists(ul); if (parents[0]) { dom.insertAfter(fragment, parents.last()[0]); parents.last().remove(); } else { dom.insertAfter(fragment, ul); } dom.remove(ul); }, remove: function (nodes) { var formatNode; for (var i = 0, l = nodes.length; i < l; i++) { formatNode = this.finder.findFormat(nodes[i]); if (formatNode) { this.unwrap(formatNode); } } }, toggle: function (range) { var that = this, nodes = textNodes(range), ancestor = range.commonAncestorContainer; if (!nodes.length) { range.selectNodeContents(ancestor); nodes = textNodes(range); if (!nodes.length) { var text = ancestor.ownerDocument.createTextNode(''); range.startContainer.appendChild(text); nodes = [text]; range.selectNode(text.parentNode); } } nodes = dom.filterBy(nodes, dom.htmlIndentSpace, true); if (that.finder.isFormatted(nodes)) { that.split(range); that.remove(nodes); } else { that.apply(nodes); } } }); var ListCommand = Command.extend({ init: function (options) { options.formatter = new ListFormatter(options.tag); Command.fn.init.call(this, options); } }); var ListTool = FormatTool.extend({ init: function (options) { this.options = options; FormatTool.fn.init.call(this, extend(options, { finder: new ListFormatFinder(options.tag) })); }, command: function (commandArguments) { return new ListCommand(extend(commandArguments, { tag: this.options.tag })); } }); extend(Editor, { ListFormatFinder: ListFormatFinder, ListFormatter: ListFormatter, ListCommand: ListCommand, ListTool: ListTool }); registerTool('insertUnorderedList', new ListTool({ tag: 'ul', template: new ToolTemplate({ template: EditorUtils.buttonTemplate, title: 'Insert unordered list' }) })); registerTool('insertOrderedList', new ListTool({ tag: 'ol', template: new ToolTemplate({ template: EditorUtils.buttonTemplate, title: 'Insert ordered list' }) })); }(window.kendo.jQuery)); }, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) { (a3 || a2)(); })); (function (f, define) { define('editor/link', ['editor/lists'], f); }(function () { (function ($, undefined) { var kendo = window.kendo, Class = kendo.Class, extend = $.extend, proxy = $.proxy, Editor = kendo.ui.editor, dom = Editor.Dom, RangeUtils = Editor.RangeUtils, EditorUtils = Editor.EditorUtils, Command = Editor.Command, Tool = Editor.Tool, ToolTemplate = Editor.ToolTemplate, InlineFormatter = Editor.InlineFormatter, InlineFormatFinder = Editor.InlineFormatFinder, textNodes = RangeUtils.textNodes, editableTextNodes = RangeUtils.editableTextNodes, registerTool = Editor.EditorUtils.registerTool, keys = kendo.keys; var HTTP_PROTOCOL = 'http://'; var protocolRegExp = /^\w*:\/\//; var endLinkCharsRegExp = /[\w\/\$\-_\*\?]/i; var LinkFormatFinder = Class.extend({ findSuitable: function (sourceNode) { return dom.parentOfType(sourceNode, ['a']); } }); var LinkFormatter = Class.extend({ init: function () { this.finder = new LinkFormatFinder(); }, apply: function (range, attributes) { var nodes = this.immutables ? editableTextNodes(range) : textNodes(range); var markers, doc, formatter, a, parent; if (attributes.innerHTML) { doc = RangeUtils.documentFromRange(range); markers = RangeUtils.getMarkers(range); range.deleteContents(); a = dom.create(doc, 'a', attributes); range.insertNode(a); parent = a.parentNode; if (dom.name(parent) == 'a') { dom.insertAfter(a, parent); } if (dom.emptyNode(parent)) { dom.remove(parent); } var ref = a; for (var i = 0; i < markers.length; i++) { dom.insertAfter(markers[i], ref); ref = markers[i]; } if (markers.length) { dom.insertBefore(doc.createTextNode('\uFEFF'), markers[1]); dom.insertAfter(doc.createTextNode('\uFEFF'), markers[1]); range.setStartBefore(markers[0]); range.setEndAfter(markers[markers.length - 1]); } } else { formatter = new InlineFormatter([{ tags: ['a'] }], attributes); formatter.finder = this.finder; formatter.apply(nodes); } } }); var UnlinkCommand = Command.extend({ init: function (options) { var that = this; options.formatter = { toggle: function (range) { var nodes = that.immutables() ? editableTextNodes(range) : textNodes(range); new InlineFormatter([{ tags: ['a'] }]).remove(nodes); } }; this.options = options; Command.fn.init.call(this, options); } }); var LinkCommand = Command.extend({ init: function (options) { var that; this.options = options; Command.fn.init.call(this, options); this.formatter = new LinkFormatter(); if (!options.url) { this.attributes = null; this.async = true; } else { this.exec = function () { this.formatter.immutables = that && that.immutables(); this.formatter.apply(options.range, { href: options.url, innerHTML: options.text || options.url, target: options.target }); }; } }, _dialogTemplate: function () { return kendo.template('
' + '
')({ messages: this.editor.options.messages });
},
exec: function () {
var messages = this.editor.options.messages;
this._initialText = '';
this._range = this.lockRange(true);
this.formatter.immutables = this.immutables();
var nodes = textNodes(this._range);
var a = nodes.length ? this.formatter.finder.findSuitable(nodes[0]) : null;
var img = nodes.length && dom.name(nodes[0]) == 'img';
var dialog = this.createDialog(this._dialogTemplate(), {
title: messages.createLink,
close: proxy(this._close, this),
visible: false
});
if (a) {
this._range.selectNodeContents(a);
nodes = textNodes(this._range);
}
this._initialText = this.linkText(nodes);
dialog.find('.k-dialog-insert').click(proxy(this._apply, this)).end().find('.k-dialog-close').click(proxy(this._close, this)).end().find('.k-edit-field input').keydown(proxy(this._keydown, this)).end().find('#k-editor-link-url').val(this.linkUrl(a)).end().find('#k-editor-link-text').val(this._initialText).end().find('#k-editor-link-title').val(a ? a.title : '').end().find('#k-editor-link-target').attr('checked', a ? a.target == '_blank' : false).end().find('.k-editor-link-text-row').toggle(!img);
this._dialog = dialog.data('kendoWindow').center().open();
$('#k-editor-link-url', dialog).focus().select();
},
_keydown: function (e) {
var keys = kendo.keys;
if (e.keyCode == keys.ENTER) {
this._apply(e);
} else if (e.keyCode == keys.ESC) {
this._close(e);
}
},
_apply: function (e) {
var element = this._dialog.element;
var href = $('#k-editor-link-url', element).val();
var title, text, target;
var textInput = $('#k-editor-link-text', element);
if (href && href != HTTP_PROTOCOL) {
if (href.indexOf('@') > 0 && !/^(\w+:)|(\/\/)/i.test(href)) {
href = 'mailto:' + href;
}
this.attributes = { href: href };
title = $('#k-editor-link-title', element).val();
if (title) {
this.attributes.title = title;
}
if (textInput.is(':visible')) {
text = textInput.val();
if (!text && !this._initialText) {
this.attributes.innerHTML = href;
} else if (text && text !== this._initialText) {
this.attributes.innerHTML = dom.stripBom(text);
}
}
target = $('#k-editor-link-target', element).is(':checked');
this.attributes.target = target ? '_blank' : null;
this.formatter.apply(this._range, this.attributes);
}
this._close(e);
if (this.change) {
this.change();
}
},
_close: function (e) {
e.preventDefault();
this._dialog.destroy();
dom.windowFromDocument(RangeUtils.documentFromRange(this._range)).focus();
this.releaseRange(this._range);
},
linkUrl: function (anchor) {
if (anchor) {
return anchor.getAttribute('href', 2);
}
return HTTP_PROTOCOL;
},
linkText: function (nodes) {
var text = '';
var i;
for (i = 0; i < nodes.length; i++) {
text += nodes[i].nodeValue;
}
return dom.stripBom(text || '');
},
redo: function () {
var range = this.lockRange(true);
this.formatter.apply(range, this.attributes);
this.releaseRange(range);
}
});
var AutoLinkCommand = Command.extend({
init: function (options) {
Command.fn.init.call(this, options);
this.formatter = new LinkFormatter();
},
exec: function () {
var detectedLink = this.detectLink();
if (!detectedLink) {
return;
}
var range = this.getRange();
var linkMarker = new kendo.ui.editor.Marker();
var linkRange = range.cloneRange();
linkRange.setStart(detectedLink.start.node, detectedLink.start.offset);
linkRange.setEnd(detectedLink.end.node, detectedLink.end.offset);
range = this.lockRange();
linkMarker.add(linkRange);
this.formatter.apply(linkRange, { href: this._ensureWebProtocol(detectedLink.text) });
linkMarker.remove(linkRange);
this.releaseRange(range);
},
detectLink: function () {
var range = this.getRange();
var traverser = new LeftDomTextTraverser({
node: range.startContainer,
offset: range.startOffset,
cancelAtNode: function (node) {
return node && dom.name(node) === 'a';
}
});
var detection = new DomTextLinkDetection(traverser);
return detection.detectLink();
},
changesContent: function () {
return !!this.detectLink();
},
_ensureWebProtocol: function (linkText) {
var hasProtocol = this._hasProtocolPrefix(linkText);
return hasProtocol ? linkText : this._prefixWithWebProtocol(linkText);
},
_hasProtocolPrefix: function (linkText) {
return protocolRegExp.test(linkText);
},
_prefixWithWebProtocol: function (linkText) {
return HTTP_PROTOCOL + linkText;
}
});
var UnlinkTool = Tool.extend({
init: function (options) {
this.options = options;
this.finder = new InlineFormatFinder([{ tags: ['a'] }]);
Tool.fn.init.call(this, $.extend(options, { command: UnlinkCommand }));
},
initialize: function (ui, options) {
Tool.fn.initialize.call(this, ui, options);
ui.addClass('k-state-disabled');
},
update: function (ui, nodes) {
ui.toggleClass('k-state-disabled', !this.finder.isFormatted(nodes)).removeClass('k-state-hover');
}
});
var DomTextLinkDetection = Class.extend({
init: function (traverser) {
this.traverser = traverser;
this.start = DomPos();
this.end = DomPos();
this.text = '';
},
detectLink: function () {
var node = this.traverser.node;
var offset = this.traverser.offset;
if (dom.isDataNode(node)) {
var text = node.data.substring(0, offset);
if (/\s{2}$/.test(dom.stripBom(text))) {
return;
}
} else if (offset === 0) {
var p = dom.closestEditableOfType(node, dom.blockElements);
if (p && p.previousSibling) {
this.traverser.init({ node: p.previousSibling });
}
}
this.traverser.traverse($.proxy(this._detectEnd, this));
if (!this.end.blank()) {
this.traverser = this.traverser.clone(this.end);
this.traverser.traverse($.proxy(this._detectStart, this));
if (!this._isLinkDetected()) {
var puntuationOptions = this.traverser.extendOptions(this.start);
var puntuationTraverser = new RightDomTextTraverser(puntuationOptions);
puntuationTraverser.traverse($.proxy(this._skipStartPuntuation, this));
if (!this._isLinkDetected()) {
this.start = DomPos();
}
}
}
if (this.start.blank()) {
return null;
} else {
return {
start: this.start,
end: this.end,
text: this.text
};
}
},
_isLinkDetected: function () {
return protocolRegExp.test(this.text) || /^w{3}\./i.test(this.text);
},
_detectEnd: function (text, node) {
var i = lastIndexOfRegExp(text, endLinkCharsRegExp);
if (i > -1) {
this.end.node = node;
this.end.offset = i + 1;
return false;
}
},
_detectStart: function (text, node) {
var i = lastIndexOfRegExp(text, /\s/);
var ii = i + 1;
this.text = text.substring(ii) + this.text;
this.start.node = node;
this.start.offset = ii;
if (i > -1) {
return false;
}
},
_skipStartPuntuation: function (text, node, offset) {
var i = indexOfRegExp(text, /\w/);
var ii = i;
if (i === -1) {
ii = text.length;
}
this.text = this.text.substring(ii);
this.start.node = node;
this.start.offset = ii + (offset | 0);
if (i > -1) {
return false;
}
}
});
function lastIndexOfRegExp(str, search) {
var i = str.length;
while (i-- && !search.test(str[i])) {
}
return i;
}
function indexOfRegExp(str, search) {
var r = search.exec(str);
return r ? r.index : -1;
}
var DomPos = function () {
return {
node: null,
offset: null,
blank: function () {
return this.node === null && this.offset === null;
}
};
};
var DomTextTraverser = Class.extend({
init: function (options) {
this.node = options.node;
this.offset = options.offset === undefined ? dom.isDataNode(this.node) && this.node.length || 0 : options.offset;
this.cancelAtNode = options.cancelAtNode || this.cancelAtNode || $.noop;
},
traverse: function (callback) {
if (!callback) {
return;
}
this.cancel = false;
this._traverse(callback, this.node, this.offset);
},
_traverse: function (callback, node, offset) {
if (!node || this.cancel) {
return;
}
if (node.nodeType === 3) {
var text = node.data;
if (offset !== undefined) {
text = this.subText(text, offset);
}
this.cancel = callback(text, node, offset) === false;
} else {
var edgeNode = this.edgeNode(node);
this.cancel = this.cancel || this.cancelAtNode(edgeNode);
return this._traverse(callback, edgeNode);
}
var next = this.next(node);
if (!next) {
var parent = node.parentNode;
while (!next && dom.isInline(parent)) {
next = this.next(parent);
parent = parent.parentNode;
}
}
this.cancel = this.cancel || this.cancelAtNode(next);
this._traverse(callback, next);
},
extendOptions: function (o) {
return $.extend({
node: this.node,
offset: this.offset,
cancelAtNode: this.cancelAtNode
}, o || {});
},
edgeNode: function (node) {
},
next: function (node) {
},
subText: function (text, offset) {
}
});
var LeftDomTextTraverser = DomTextTraverser.extend({
subText: function (text, splitIndex) {
return text.substring(0, splitIndex);
},
next: function (node) {
return node.previousSibling;
},
edgeNode: function (node) {
return node.lastChild;
},
clone: function (options) {
var o = this.extendOptions(options);
return new LeftDomTextTraverser(o);
}
});
var RightDomTextTraverser = DomTextTraverser.extend({
subText: function (text, splitIndex) {
return text.substring(splitIndex);
},
next: function (node) {
return node.nextSibling;
},
edgeNode: function (node) {
return node.firstChild;
},
clone: function (options) {
var o = this.extendOptions(options);
return new RightDomTextTraverser(o);
}
});
extend(kendo.ui.editor, {
LinkFormatFinder: LinkFormatFinder,
LinkFormatter: LinkFormatter,
UnlinkCommand: UnlinkCommand,
LinkCommand: LinkCommand,
AutoLinkCommand: AutoLinkCommand,
UnlinkTool: UnlinkTool,
DomTextLinkDetection: DomTextLinkDetection,
LeftDomTextTraverser: LeftDomTextTraverser,
RightDomTextTraverser: RightDomTextTraverser
});
registerTool('createLink', new Tool({
key: 'K',
ctrl: true,
command: LinkCommand,
template: new ToolTemplate({
template: EditorUtils.buttonTemplate,
title: 'Create Link'
})
}));
registerTool('unlink', new UnlinkTool({
key: 'K',
ctrl: true,
shift: true,
template: new ToolTemplate({
template: EditorUtils.buttonTemplate,
title: 'Remove Link'
})
}));
registerTool('autoLink', new Tool({
key: [
keys.ENTER,
keys.SPACEBAR
],
keyPressCommand: true,
command: AutoLinkCommand
}));
}(window.kendo.jQuery));
}, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) {
(a3 || a2)();
}));
(function (f, define) {
define('editor/file', [
'kendo.filebrowser',
'editor/link'
], f);
}(function () {
(function ($, undefined) {
var kendo = window.kendo, extend = $.extend, Editor = kendo.ui.editor, EditorUtils = Editor.EditorUtils, dom = Editor.Dom, registerTool = EditorUtils.registerTool, ToolTemplate = Editor.ToolTemplate, RangeUtils = Editor.RangeUtils, Command = Editor.Command, LinkFormatter = Editor.LinkFormatter, textNodes = RangeUtils.textNodes, keys = kendo.keys, KEDITORFILEURL = '#k-editor-file-url', KEDITORFILETEXT = '#k-editor-file-text', KEDITORFILETITLE = '#k-editor-file-title';
var FileCommand = Command.extend({
init: function (options) {
var that = this;
Command.fn.init.call(that, options);
that.formatter = new LinkFormatter();
that.async = true;
that.attributes = {};
},
insertFile: function (file, range) {
var attributes = this.attributes;
var doc = RangeUtils.documentFromRange(range);
if (attributes.href && attributes.href != 'http://') {
if (!file) {
file = dom.create(doc, 'a', { href: attributes.href });
file.innerHTML = attributes.innerHTML;
file.title = attributes.title;
range.deleteContents();
range.insertNode(file);
if (!file.nextSibling) {
dom.insertAfter(doc.createTextNode('\uFEFF'), file);
}
range.setStartAfter(file);
range.setEndAfter(file);
RangeUtils.selectRange(range);
return true;
} else {
dom.attr(file, attributes);
}
}
return false;
},
_dialogTemplate: function (showBrowser) {
return kendo.template('' + '
' + '' + '' + '
' + '' + '' + '
' + '' + '' + '
' + '' + '' + '
' + '' + '' + '
' + '' + '' + '
' + '' + '' + '' + '' + '
' + '' + '' + '
')({
messages: this.editor.options.messages,
showBrowser: showBrowser
});
},
redo: function () {
var that = this, range = that.lockRange();
this.formatter.apply(range, this.attributes);
that.releaseRange(range);
},
exec: function () {
var that = this, range = that.lockRange(), nodes = textNodes(range), applied = false, file = nodes.length ? this.formatter.finder.findSuitable(nodes[0]) : null, dialog, options = that.editor.options, messages = options.messages, fileBrowser = options.fileBrowser, showBrowser = !!(kendo.ui.FileBrowser && fileBrowser && fileBrowser.transport && fileBrowser.transport.read !== undefined), dialogOptions = {
title: messages.insertFile,
visible: false,
resizable: showBrowser
};
this.expandImmutablesIn(range);
function apply(e) {
var element = dialog.element, href = element.find(KEDITORFILEURL).val().replace(/ /g, '%20'), innerHTML = element.find(KEDITORFILETEXT).val(), title = element.find(KEDITORFILETITLE).val();
that.attributes = {
href: href,
innerHTML: innerHTML !== '' ? innerHTML : href,
title: title
};
applied = that.insertFile(file, range);
close(e);
if (that.change) {
that.change();
}
}
function close(e) {
e.preventDefault();
dialog.destroy();
dom.windowFromDocument(RangeUtils.documentFromRange(range)).focus();
if (!applied) {
that.releaseRange(range);
}
}
function keyDown(e) {
if (e.keyCode == keys.ENTER) {
apply(e);
} else if (e.keyCode == keys.ESC) {
close(e);
}
}
dialogOptions.close = close;
if (showBrowser) {
dialogOptions.width = 750;
}
dialog = this.createDialog(that._dialogTemplate(showBrowser), dialogOptions).toggleClass('k-filebrowser-dialog', showBrowser).find('.k-dialog-insert').click(apply).end().find('.k-dialog-close').click(close).end().find('.k-edit-field input').keydown(keyDown).end().find(KEDITORFILEURL).val(file ? file.getAttribute('href', 2) : 'http://').end().find(KEDITORFILETEXT).val(file ? file.innerText : '').end().find(KEDITORFILETITLE).val(file ? file.title : '').end().data('kendoWindow');
if (showBrowser) {
that._fileBrowser = new kendo.ui.FileBrowser(dialog.element.find('.k-filebrowser'), extend({}, fileBrowser));
that._fileBrowser.bind('change', function (ev) {
if (ev.selected.get('type') === 'f') {
dialog.element.find(KEDITORFILEURL).val(this.value());
}
});
that._fileBrowser.bind('apply', apply);
}
dialog.center().open();
dialog.element.find(KEDITORFILEURL).focus().select();
}
});
kendo.ui.editor.FileCommand = FileCommand;
registerTool('insertFile', new Editor.Tool({
command: FileCommand,
template: new ToolTemplate({
template: EditorUtils.buttonTemplate,
title: 'Insert File'
})
}));
}(window.kendo.jQuery));
}, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) {
(a3 || a2)();
}));
(function (f, define) {
define('editor/image', [
'kendo.imagebrowser',
'editor/link'
], f);
}(function () {
(function ($, undefined) {
var kendo = window.kendo, extend = $.extend, Editor = kendo.ui.editor, EditorUtils = Editor.EditorUtils, dom = Editor.Dom, registerTool = EditorUtils.registerTool, ToolTemplate = Editor.ToolTemplate, RangeUtils = Editor.RangeUtils, Command = Editor.Command, keys = kendo.keys, KEDITORIMAGEURL = '#k-editor-image-url', KEDITORIMAGETITLE = '#k-editor-image-title', KEDITORIMAGEWIDTH = '#k-editor-image-width', KEDITORIMAGEHEIGHT = '#k-editor-image-height';
var ImageCommand = Command.extend({
init: function (options) {
var that = this;
Command.fn.init.call(that, options);
that.async = true;
that.attributes = {};
},
insertImage: function (img, range) {
var attributes = this.attributes;
var doc = RangeUtils.documentFromRange(range);
if (attributes.src && attributes.src != 'http://') {
var removeIEAttributes = function () {
setTimeout(function () {
if (!attributes.width) {
img.removeAttribute('width');
}
if (!attributes.height) {
img.removeAttribute('height');
}
img.removeAttribute('complete');
});
};
if (!img) {
img = dom.create(doc, 'img', attributes);
img.onload = img.onerror = removeIEAttributes;
range.deleteContents();
range.insertNode(img);
if (!img.nextSibling) {
dom.insertAfter(doc.createTextNode('\uFEFF'), img);
}
removeIEAttributes();
range.setStartAfter(img);
range.setEndAfter(img);
RangeUtils.selectRange(range);
return true;
} else {
img.onload = img.onerror = removeIEAttributes;
dom.attr(img, attributes);
removeIEAttributes();
}
}
return false;
},
_dialogTemplate: function (showBrowser) {
return kendo.template('' + '# if (showBrowser) { #' + '' + '# } #' + '
' + '' + '' + '
' + '' + '' + '
' + '' + '' + '
' + '' + '' + '
' + '' + '' + '
' + '' + '' + '
' + '' + '' + '
')({
messages: this.editor.options.messages,
showBrowser: showBrowser
});
},
redo: function () {
var that = this, range = that.lockRange();
if (!that.insertImage(RangeUtils.image(range), range)) {
that.releaseRange(range);
}
},
exec: function () {
var that = this, range = that.lockRange(), applied = false, img = RangeUtils.image(range), imageWidth = img && img.getAttribute('width') || '', imageHeight = img && img.getAttribute('height') || '', dialog, options = that.editor.options, messages = options.messages, imageBrowser = options.imageBrowser, showBrowser = !!(kendo.ui.ImageBrowser && imageBrowser && imageBrowser.transport && imageBrowser.transport.read !== undefined), dialogOptions = {
title: messages.insertImage,
visible: false,
resizable: showBrowser
};
this.expandImmutablesIn(range);
function apply(e) {
var element = dialog.element, w = parseInt(element.find(KEDITORIMAGEWIDTH).val(), 10), h = parseInt(element.find(KEDITORIMAGEHEIGHT).val(), 10);
that.attributes = {
src: element.find(KEDITORIMAGEURL).val().replace(/ /g, '%20'),
alt: element.find(KEDITORIMAGETITLE).val()
};
that.attributes.width = null;
that.attributes.height = null;
if (!isNaN(w) && w > 0) {
that.attributes.width = w;
}
if (!isNaN(h) && h > 0) {
that.attributes.height = h;
}
applied = that.insertImage(img, range);
close(e);
if (that.change) {
that.change();
}
}
function close(e) {
e.preventDefault();
dialog.destroy();
dom.windowFromDocument(RangeUtils.documentFromRange(range)).focus();
if (!applied) {
that.releaseRange(range);
}
}
function keyDown(e) {
if (e.keyCode == keys.ENTER) {
apply(e);
} else if (e.keyCode == keys.ESC) {
close(e);
}
}
dialogOptions.close = close;
if (showBrowser) {
dialogOptions.width = 750;
}
dialog = this.createDialog(that._dialogTemplate(showBrowser), dialogOptions).toggleClass('k-filebrowser-dialog', showBrowser).find('.k-dialog-insert').click(apply).end().find('.k-dialog-close').click(close).end().find('.k-edit-field input').keydown(keyDown).end().find(KEDITORIMAGEURL).val(img ? img.getAttribute('src', 2) : 'http://').end().find(KEDITORIMAGETITLE).val(img ? img.alt : '').end().find(KEDITORIMAGEWIDTH).val(imageWidth).end().find(KEDITORIMAGEHEIGHT).val(imageHeight).end().data('kendoWindow');
if (showBrowser) {
this._imageBrowser = new kendo.ui.ImageBrowser(dialog.element.find('.k-imagebrowser'), extend({}, imageBrowser));
this._imageBrowser.bind('change', function (ev) {
if (ev.selected.get('type') === 'f') {
dialog.element.find(KEDITORIMAGEURL).val(this.value());
}
});
this._imageBrowser.bind('apply', apply);
}
dialog.center().open();
dialog.element.find(KEDITORIMAGEURL).focus().select();
}
});
kendo.ui.editor.ImageCommand = ImageCommand;
registerTool('insertImage', new Editor.Tool({
command: ImageCommand,
template: new ToolTemplate({
template: EditorUtils.buttonTemplate,
title: 'Insert Image'
})
}));
}(window.kendo.jQuery));
}, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) {
(a3 || a2)();
}));
(function (f, define) {
define('editor/components', ['editor/image'], f);
}(function () {
(function ($, undefined) {
var kendo = window.kendo, DropDownList = kendo.ui.DropDownList, dom = kendo.ui.editor.Dom;
var SelectBox = DropDownList.extend({
init: function (element, options) {
var that = this;
DropDownList.fn.init.call(that, element, options);
if (kendo.support.mobileOS.ios) {
this._initSelectOverlay();
this.bind('dataBound', $.proxy(this._initSelectOverlay, this));
}
that.text(that.options.title);
that.bind('open', function () {
if (that.options.autoSize) {
var list = that.list, listWidth;
list.css({
whiteSpace: 'nowrap',
width: 'auto'
});
listWidth = list.width();
if (listWidth) {
listWidth += 20;
} else {
listWidth = that._listWidth;
}
list.css('width', listWidth + kendo.support.scrollbar());
that._listWidth = listWidth;
}
});
},
options: {
name: 'SelectBox',
index: -1
},
_initSelectOverlay: function () {
var selectBox = this;
var value = selectBox.value();
var view = this.dataSource.view();
var item;
var html = '';
var encode = kendo.htmlEncode;
for (var i = 0; i < view.length; i++) {
item = view[i];
html += '' + '# if (showBrowser) { #' + '' + '# } #' + '
' + '' + '' + '
' + '' + '' + '
' + '' + '' + '
' + '' + '' + '
' + '' + '' + '
' + '' + '' + '
' + '' + '' + '
' + '' + '' + '
' + '' + '\n').replace(/\n$/, ''); } }); kendo.ui.editor.ViewHtmlCommand = ViewHtmlCommand; Editor.EditorUtils.registerTool('viewHtml', new Tool({ command: ViewHtmlCommand, template: new ToolTemplate({ template: EditorUtils.buttonTemplate, title: 'View HTML' }) })); }(window.kendo.jQuery)); }, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) { (a3 || a2)(); })); (function (f, define) { define('editor/formatting', ['editor/viewhtml'], f); }(function () { (function ($) { var kendo = window.kendo, Editor = kendo.ui.editor, Tool = Editor.Tool, ToolTemplate = Editor.ToolTemplate, DelayedExecutionTool = Editor.DelayedExecutionTool, Command = Editor.Command, dom = Editor.Dom, EditorUtils = Editor.EditorUtils, RangeUtils = Editor.RangeUtils, registerTool = EditorUtils.registerTool; var FormattingTool = DelayedExecutionTool.extend({ init: function (options) { var that = this; Tool.fn.init.call(that, kendo.deepExtend({}, that.options, options)); that.type = 'kendoSelectBox'; that.finder = { getFormat: function () { return ''; } }; }, options: { items: [ { text: 'Paragraph', value: 'p' }, { text: 'Quotation', value: 'blockquote' }, { text: 'Heading 1', value: 'h1' }, { text: 'Heading 2', value: 'h2' }, { text: 'Heading 3', value: 'h3' }, { text: 'Heading 4', value: 'h4' }, { text: 'Heading 5', value: 'h5' }, { text: 'Heading 6', value: 'h6' } ], width: 110 }, toFormattingItem: function (item) { var value = item.value; if (!value) { return item; } if (item.tag || item.className) { return item; } var dot = value.indexOf('.'); if (dot === 0) { item.className = value.substring(1); } else if (dot == -1) { item.tag = value; } else { item.tag = value.substring(0, dot); item.className = value.substring(dot + 1); } return item; }, command: function (args) { var that = this; var item = args.value; item = this.toFormattingItem(item); return new Editor.FormatCommand({ range: args.range, formatter: function () { var formatter, tags = (item.tag || item.context || 'span').split(','), format = [{ tags: tags, attr: { className: item.className || '' } }]; if ($.inArray(tags[0], dom.inlineElements) >= 0) { formatter = new Editor.GreedyInlineFormatter(format); } else { formatter = new Editor.GreedyBlockFormatter(format); } formatter.editor = that.editor; return formatter; } }); }, initialize: function (ui, initOptions) { var editor = initOptions.editor; var options = this.options; var toolName = options.name; var that = this; that.editor = editor; ui.width(options.width); ui.kendoSelectBox({ dataTextField: 'text', dataValueField: 'value', dataSource: options.items || editor.options[toolName], title: editor.options.messages[toolName], autoSize: true, change: function () { var dataItem = this.dataItem(); if (dataItem) { Tool.exec(editor, toolName, dataItem.toJSON()); } }, dataBound: function () { var i, items = this.dataSource.data(); for (i = 0; i < items.length; i++) { items[i] = that.toFormattingItem(items[i]); } }, highlightFirst: false, template: kendo.template('#:data.text#') }); ui.addClass('k-decorated').closest('.k-widget').removeClass('k-' + toolName).find('*').addBack().attr('unselectable', 'on'); }, getFormattingValue: function (items, nodes) { for (var i = 0; i < items.length; i++) { var item = items[i]; var tag = item.tag || item.context || ''; var className = item.className ? '.' + item.className : ''; var selector = tag + className; var element = $(nodes[0]).closest(selector)[0]; if (!element) { continue; } if (nodes.length == 1) { return item.value; } for (var n = 1; n < nodes.length; n++) { if (!$(nodes[n]).closest(selector)[0]) { break; } else if (n == nodes.length - 1) { return item.value; } } } return ''; }, update: function (ui, nodes) { var selectBox = $(ui).data(this.type); if (!selectBox) { return; } var dataSource = selectBox.dataSource, items = dataSource.data(), i, context, ancestor = dom.commonAncestor.apply(null, nodes); if (ancestor != dom.closestEditable(ancestor) && this._ancestor == ancestor) { return; } else { this._ancestor = ancestor; } for (i = 0; i < items.length; i++) { context = items[i].context; items[i].visible = !context || !!$(ancestor).closest(context).length; } dataSource.filter([{ field: 'visible', operator: 'eq', value: true }]); DelayedExecutionTool.fn.update.call(this, ui, nodes); selectBox.value(this.getFormattingValue(dataSource.view(), nodes)); selectBox.wrapper.toggleClass('k-state-disabled', !dataSource.view().length); }, destroy: function () { this._ancestor = null; } }); var CleanFormatCommand = Command.extend({ exec: function () { var range = this.lockRange(true); this.tagsToClean = this.options.remove || 'strong,em,span,sup,sub,del,b,i,u,font'.split(','); RangeUtils.wrapSelectedElements(range); var nodes = RangeUtils.mapAll(range, function (node) { return node; }); for (var c = nodes.length - 1; c >= 0; c--) { var node = nodes[c]; if (!this.immutableParent(node)) { this.clean(node); } } this.releaseRange(range); }, clean: function (node) { if (!node || dom.isMarker(node)) { return; } var name = dom.name(node); if (name == 'ul' || name == 'ol') { var listFormatter = new Editor.ListFormatter(name); var prev = node.previousSibling; var next = node.nextSibling; listFormatter.unwrap(node); for (; prev && prev != next; prev = prev.nextSibling) { this.clean(prev); } } else if (name == 'blockquote') { dom.changeTag(node, 'p'); } else if (node.nodeType == 1 && !dom.insignificant(node)) { for (var i = node.childNodes.length - 1; i >= 0; i--) { this.clean(node.childNodes[i]); } node.removeAttribute('style'); node.removeAttribute('class'); } else { unwrapListItem(node); } if ($.inArray(name, this.tagsToClean) > -1) { dom.unwrap(node); } }, immutableParent: function (node) { return this.immutables() && Editor.Immutables.immutableParent(node); } }); function unwrapListItem(node) { var li = dom.closestEditableOfType(node, ['li']); if (li) { var listFormatter = new Editor.ListFormatter(dom.name(li.parentNode)); var range = kendo.ui.editor.W3CRange.fromNode(node); range.selectNode(li); listFormatter.toggle(range); } } $.extend(Editor, { FormattingTool: FormattingTool, CleanFormatCommand: CleanFormatCommand }); registerTool('formatting', new FormattingTool({ template: new ToolTemplate({ template: EditorUtils.dropDownListTemplate, title: 'Format' }) })); registerTool('cleanFormatting', new Tool({ command: CleanFormatCommand, template: new ToolTemplate({ template: EditorUtils.buttonTemplate, title: 'Clean formatting' }) })); }(window.kendo.jQuery)); }, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) { (a3 || a2)(); })); (function (f, define) { define('editor/toolbar', ['editor/formatting'], f); }(function () { (function ($, undefined) { var kendo = window.kendo; var ui = kendo.ui; var editorNS = ui.editor; var Widget = ui.Widget; var extend = $.extend; var proxy = $.proxy; var keys = kendo.keys; var NS = '.kendoEditor'; var EditorUtils = kendo.ui.editor.EditorUtils; var ToolTemplate = kendo.ui.editor.ToolTemplate; var Tool = kendo.ui.editor.Tool; var outerWidth = kendo._outerWidth; var outerHeight = kendo._outerHeight; var OVERFLOWANCHOR = 'overflowAnchor'; var focusable = '.k-tool-group:visible a.k-tool:not(.k-state-disabled),' + '.k-tool.k-overflow-anchor,' + '.k-tool-group:visible .k-widget.k-colorpicker,' + '.k-tool-group:visible .k-selectbox,' + '.k-tool-group:visible .k-dropdown,' + '.k-tool-group:visible .k-combobox .k-input'; var toolNamesByCssClass = { 'k-i-sup-script': 'superscript', 'k-i-sub-script': 'subscript', 'k-i-align-left': 'justifyLeft', 'k-i-align-center': 'justifyCenter', 'k-i-align-right': 'justifyRight', 'k-i-align-justify': 'justifyFull', 'k-i-list-unordered': 'insertUnorderedList', 'k-i-list-ordered': 'insertOrderedList', 'k-i-login': 'import', 'k-i-indent-increase': 'indent', 'k-i-indent-decrease': 'outdent', 'k-i-link-horizontal': 'createLink', 'k-i-unlink-horizontal': 'unlink', 'k-i-image': 'insertImage', 'k-i-file-add': 'insertFile', 'k-i-html': 'viewHtml', 'k-i-foreground-color': 'foreColor', 'k-i-paint': 'backColor', 'k-i-table-insert': 'createTable', 'k-i-table-column-insert-left': 'addColumnLeft', 'k-i-table-column-insert-right': 'addColumnRight', 'k-i-table-row-insert-above': 'addRowAbove', 'k-i-table-row-insert-below': 'addRowBelow', 'k-i-table-row-delete': 'deleteRow', 'k-i-table-column-delete': 'deleteColumn', 'k-i-table-properties': 'tableWizard', 'k-i-table-wizard': 'tableWizardInsert', 'k-i-clear-css': 'cleanFormatting' }; var OverflowAnchorTool = Tool.extend({ initialize: function (ui, options) { ui.attr({ unselectable: 'on' }); var toolbar = options.editor.toolbar; ui.attr('aria-controls', options.editor.element.attr('id')).on('click', $.proxy(function () { this.overflowPopup.toggle(); }, toolbar)); }, options: { name: OVERFLOWANCHOR }, command: $.noop, update: $.noop, destroy: $.noop }); EditorUtils.registerTool(OVERFLOWANCHOR, new OverflowAnchorTool({ key: '', ctrl: true, template: new ToolTemplate({ template: EditorUtils.overflowAnchorTemplate }) })); var Toolbar = Widget.extend({ init: function (element, options) { var that = this; options = extend({}, options, { name: 'EditorToolbar' }); Widget.fn.init.call(that, element, options); if (options.popup) { that._initPopup(); } if (options.resizable && options.resizable.toolbar) { that._resizeHandler = kendo.onResize(function () { that.resize(); }); that.element.addClass('k-toolbar-resizable'); } }, events: ['execute'], groups: { basic: [ 'bold', 'italic', 'underline', 'strikethrough' ], scripts: [ 'subscript', 'superscript' ], alignment: [ 'justifyLeft', 'justifyCenter', 'justifyRight', 'justifyFull' ], links: [ 'insertImage', 'insertFile', 'createLink', 'unlink' ], lists: [ 'insertUnorderedList', 'insertOrderedList', 'indent', 'outdent' ], tables: [ 'createTable', 'addColumnLeft', 'addColumnRight', 'addRowAbove', 'addRowBelow', 'deleteRow', 'deleteColumn' ], advanced: [ 'viewHtml', 'cleanFormatting', 'print', 'pdf', 'exportAs', 'import' ], fonts: [ 'fontName', 'fontSize' ], colors: [ 'foreColor', 'backColor' ] }, overflowFlaseTools: [ 'formatting', 'fontName', 'fontSize', 'foreColor', 'backColor', 'insertHtml' ], _initPopup: function () { var that = this; this.window = $(this.element).wrap('').parent().prepend('').kendoWindow({ title: false, resizable: false, draggable: { dragHandle: '.k-editortoolbar-dragHandle' }, animation: { open: { effects: 'fade:in' }, close: { effects: 'fade:out' } }, minHeight: 42, visible: false, autoFocus: false, actions: [], dragend: function () { this._moved = true; } }).on('mousedown', function (e) { if (!$(e.target).is('.k-icon')) { that.preventPopupHide = true; } }).on('focusout', function () { that.options.editor.element.focusout(); }).data('kendoWindow'); }, _toggleOverflowStyles: function (element, show) { element.find('li').toggleClass('k-item k-state-default', show).find('.k-tool:not(.k-state-disabled),.k-overflow-button').toggleClass('k-overflow-button k-button', show); }, _initOverflowPopup: function (ui) { var that = this; var popupTemplate = '
' + new Array(this.cols * this.rows + 1).join('') + '' + '
'
}));
},
_activate: function () {
var that = this, element = that._popup.element, cells = element.find('.k-ct-cell'), firstCell = cells.eq(0), lastCell = cells.eq(cells.length - 1), start = kendo.getOffset(firstCell), end = kendo.getOffset(lastCell), cols = that.cols, rows = that.rows, cellWidth, cellHeight;
element.find('*').addBack().attr('unselectable', 'on');
end.left += lastCell[0].offsetWidth;
end.top += lastCell[0].offsetHeight;
cellWidth = (end.left - start.left) / cols;
cellHeight = (end.top - start.top) / rows;
function tableFromLocation(e) {
var w = $(window);
return {
row: Math.floor((e.clientY + w.scrollTop() - start.top) / cellHeight) + 1,
col: Math.floor((e.clientX + w.scrollLeft() - start.left) / cellWidth) + 1
};
}
element.autoApplyNS(NS).on('mousemove', function (e) {
that._setTableSize(tableFromLocation(e));
}).on('mouseleave', function () {
that._setTableSize();
}).on('down', function (e) {
e.preventDefault();
var touch = getTouches(e)[0];
that._exec(tableFromLocation(touch.location));
});
},
_valid: function (size) {
return size && size.row > 0 && size.col > 0 && size.row <= this.rows && size.col <= this.cols;
},
_exec: function (size) {
if (this._valid(size)) {
this._editor.exec('createTable', {
rows: size.row,
columns: size.col
});
this._popup.close();
}
},
_setTableSize: function (size) {
var element = this._popup.element;
var status = element.find('.k-status');
var cells = element.find('.k-ct-cell');
var cols = this.cols;
var messages = this._editor.options.messages;
if (this._valid(size)) {
status.text(kendo.format(messages.createTableHint, size.row, size.col));
cells.each(function (i) {
$(this).toggleClass(SELECTEDSTATE, i % cols < size.col && i / cols < size.row);
});
} else {
status.text(messages.createTable);
cells.removeClass(SELECTEDSTATE);
}
},
_keydown: function (e) {
PopupTool.fn._keydown.call(this, e);
if (!this._popup.visible()) {
return;
}
var keys = kendo.keys;
var key = e.keyCode;
var cells = this._popup.element.find('.k-ct-cell');
var focus = Math.max(cells.filter('.k-state-selected').last().index(), 0);
var selectedRows = Math.floor(focus / this.cols);
var selectedColumns = focus % this.cols;
var changed = false;
if (key == keys.DOWN && !e.altKey) {
changed = true;
selectedRows++;
} else if (key == keys.UP) {
changed = true;
selectedRows--;
} else if (key == keys.RIGHT) {
changed = true;
selectedColumns++;
} else if (key == keys.LEFT) {
changed = true;
selectedColumns--;
}
var tableSize = {
row: Math.max(1, Math.min(this.rows, selectedRows + 1)),
col: Math.max(1, Math.min(this.cols, selectedColumns + 1))
};
if (key == keys.ENTER) {
this._exec(tableSize);
} else {
this._setTableSize(tableSize);
}
if (changed) {
e.preventDefault();
e.stopImmediatePropagation();
}
},
_open: function () {
var messages = this._editor.options.messages;
PopupTool.fn._open.call(this);
this.popup().element.find('.k-status').text(messages.createTable).end().find('.k-ct-cell').removeClass(SELECTEDSTATE);
},
_close: function () {
PopupTool.fn._close.call(this);
this.popup().element.off('.' + NS);
}
});
var InsertRowCommand = Command.extend({
exec: function () {
var range = this.lockRange(true), td = range.endContainer, cellCount, row, newRow;
while (dom.name(td) != 'td') {
td = td.parentNode;
}
if (this.immutables() && Editor.Immutables.immutableParent(td)) {
return;
}
row = td.parentNode;
cellCount = row.children.length;
newRow = row.cloneNode(true);
for (var i = 0; i < row.cells.length; i++) {
newRow.cells[i].innerHTML = Editor.emptyTableCellContent;
}
if (this.options.position == 'before') {
dom.insertBefore(newRow, row);
} else {
dom.insertAfter(newRow, row);
}
this.releaseRange(range);
}
});
var InsertColumnCommand = Command.extend({
exec: function () {
var range = this.lockRange(true), td = dom.closest(range.endContainer, 'td'), table = dom.closest(td, 'table'), columnIndex, i, rows = table.rows, cell, newCell, position = this.options.position;
if (this.immutables() && Editor.Immutables.immutableParent(td)) {
return;
}
columnIndex = dom.findNodeIndex(td, true);
for (i = 0; i < rows.length; i++) {
cell = rows[i].cells[columnIndex];
newCell = cell.cloneNode();
newCell.innerHTML = Editor.emptyTableCellContent;
if (position == 'before') {
dom.insertBefore(newCell, cell);
} else {
dom.insertAfter(newCell, cell);
}
}
this.releaseRange(range);
}
});
var DeleteRowCommand = Command.extend({
exec: function () {
var range = this.lockRange();
var rows = RangeUtils.mapAll(range, function (node) {
return $(node).closest('tr')[0];
});
var row = rows[0];
if (this.immutables() && Editor.Immutables.immutableParent(row)) {
return;
}
var table = dom.closest(row, 'table');
var focusElement;
if (table.rows.length <= rows.length) {
focusElement = dom.next(table);
if (!focusElement || dom.insignificant(focusElement)) {
focusElement = dom.prev(table);
}
dom.remove(table);
} else {
for (var i = 0; i < rows.length; i++) {
row = rows[i];
dom.removeTextSiblings(row);
focusElement = dom.next(row) || dom.prev(row);
focusElement = focusElement.cells[0];
dom.remove(row);
}
}
if (focusElement) {
range.setStart(focusElement, 0);
range.collapse(true);
this.editor.selectRange(range);
}
}
});
var DeleteColumnCommand = Command.extend({
exec: function () {
var range = this.lockRange(), td = dom.closest(range.endContainer, 'td'), table = dom.closest(td, 'table'), rows = table.rows, columnIndex = dom.findNodeIndex(td, true), columnCount = rows[0].cells.length, focusElement, i;
if (this.immutables() && Editor.Immutables.immutableParent(td)) {
return;
}
if (columnCount == 1) {
focusElement = dom.next(table);
if (!focusElement || dom.insignificant(focusElement)) {
focusElement = dom.prev(table);
}
dom.remove(table);
} else {
dom.removeTextSiblings(td);
focusElement = dom.next(td) || dom.prev(td);
for (i = 0; i < rows.length; i++) {
dom.remove(rows[i].cells[columnIndex]);
}
}
if (focusElement) {
range.setStart(focusElement, 0);
range.collapse(true);
this.editor.selectRange(range);
}
}
});
var TableModificationTool = Tool.extend({
command: function (options) {
options = extend(options, this.options);
if (options.action == 'delete') {
if (options.type == 'row') {
return new DeleteRowCommand(options);
} else {
return new DeleteColumnCommand(options);
}
} else {
if (options.type == 'row') {
return new InsertRowCommand(options);
} else {
return new InsertColumnCommand(options);
}
}
},
initialize: function (ui, options) {
Tool.fn.initialize.call(this, ui, options);
ui.addClass('k-state-disabled');
},
update: function (ui, nodes) {
var isFormatted = !tableFormatFinder.isFormatted(nodes);
ui.toggleClass('k-state-disabled', isFormatted);
}
});
extend(kendo.ui.editor, {
PopupTool: PopupTool,
TableCommand: TableCommand,
InsertTableTool: InsertTableTool,
TableModificationTool: TableModificationTool,
InsertRowCommand: InsertRowCommand,
InsertColumnCommand: InsertColumnCommand,
DeleteRowCommand: DeleteRowCommand,
DeleteColumnCommand: DeleteColumnCommand
});
registerTool('createTable', new InsertTableTool({
template: new ToolTemplate({
template: EditorUtils.buttonTemplate,
popup: true,
title: 'Create table'
})
}));
registerTool('addColumnLeft', new TableModificationTool({
type: 'column',
position: 'before',
template: new ToolTemplate({
template: EditorUtils.buttonTemplate,
title: 'Add column on the left'
})
}));
registerTool('addColumnRight', new TableModificationTool({
type: 'column',
template: new ToolTemplate({
template: EditorUtils.buttonTemplate,
title: 'Add column on the right'
})
}));
registerTool('addRowAbove', new TableModificationTool({
type: 'row',
position: 'before',
template: new ToolTemplate({
template: EditorUtils.buttonTemplate,
title: 'Add row above'
})
}));
registerTool('addRowBelow', new TableModificationTool({
type: 'row',
template: new ToolTemplate({
template: EditorUtils.buttonTemplate,
title: 'Add row below'
})
}));
registerTool('deleteRow', new TableModificationTool({
type: 'row',
action: 'delete',
template: new ToolTemplate({
template: EditorUtils.buttonTemplate,
title: 'Delete row'
})
}));
registerTool('deleteColumn', new TableModificationTool({
type: 'column',
action: 'delete',
template: new ToolTemplate({
template: EditorUtils.buttonTemplate,
title: 'Delete column'
})
}));
}(window.kendo.jQuery));
}, typeof define == 'function' && define.amd ? define : function (a1, a2, a3) {
(a3 || a2)();
}));
(function (f, define) {
define('editor/export', ['editor/main'], f);
}(function () {
(function ($, undefined) {
var kendo = window.kendo, extend = $.extend, proxy = $.proxy, Editor = kendo.ui.editor, EditorUtils = Editor.EditorUtils, Command = Editor.Command, Tool = Editor.Tool, registerTool = EditorUtils.registerTool, ToolTemplate = Editor.ToolTemplate, defaultExportAsItems = [
{
text: 'Docx',
value: 'docx'
},
{
text: 'Rtf',
value: 'rtf'
},
{
text: 'Pdf',
value: 'pdf'
},
{
text: 'Html',
value: 'html'
},
{
text: 'Plain Text',
value: 'txt'
}
];
var ExportAsCommand = Command.extend({
init: function (options) {
var cmd = this;
cmd.options = options;
Command.fn.init.call(cmd, options);
cmd.attributes = null;
cmd.exportType = options.exportType;
},
exec: function () {
var cmd = this;
var range = this.lockRange(true);
cmd.postToProxy();
cmd.releaseRange(range);
},
postToProxy: function () {
this.generateForm().appendTo('body').submit().remove();
},
generateForm: function () {
var cmd = this;
var exportAsOptions = cmd.editor.options.exportAs;
var form = $('