You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
143 lines
4.4 KiB
143 lines
4.4 KiB
"use strict";
|
|
/**
|
|
* Copyright (c) 2018-present, Ephox, Inc.
|
|
*
|
|
* This source code is licensed under the Apache 2 license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*
|
|
*/
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
var validEvents = [
|
|
'onActivate',
|
|
'onAddUndo',
|
|
'onBeforeAddUndo',
|
|
'onBeforeExecCommand',
|
|
'onBeforeGetContent',
|
|
'onBeforeRenderUI',
|
|
'onBeforeSetContent',
|
|
'onBeforePaste',
|
|
'onBlur',
|
|
'onChange',
|
|
'onClearUndos',
|
|
'onClick',
|
|
'onContextMenu',
|
|
'onCopy',
|
|
'onCut',
|
|
'onDblclick',
|
|
'onDeactivate',
|
|
'onDirty',
|
|
'onDrag',
|
|
'onDragDrop',
|
|
'onDragEnd',
|
|
'onDragGesture',
|
|
'onDragOver',
|
|
'onDrop',
|
|
'onExecCommand',
|
|
'onFocus',
|
|
'onFocusIn',
|
|
'onFocusOut',
|
|
'onGetContent',
|
|
'onHide',
|
|
'onInit',
|
|
'onKeyDown',
|
|
'onKeyPress',
|
|
'onKeyUp',
|
|
'onLoadContent',
|
|
'onMouseDown',
|
|
'onMouseEnter',
|
|
'onMouseLeave',
|
|
'onMouseMove',
|
|
'onMouseOut',
|
|
'onMouseOver',
|
|
'onMouseUp',
|
|
'onNodeChange',
|
|
'onObjectResizeStart',
|
|
'onObjectResized',
|
|
'onObjectSelected',
|
|
'onPaste',
|
|
'onPostProcess',
|
|
'onPostRender',
|
|
'onPreProcess',
|
|
'onProgressState',
|
|
'onRedo',
|
|
'onRemove',
|
|
'onReset',
|
|
'onSaveContent',
|
|
'onSelectionChange',
|
|
'onSetAttrib',
|
|
'onSetContent',
|
|
'onShow',
|
|
'onSubmit',
|
|
'onUndo',
|
|
'onVisualAid'
|
|
];
|
|
var isValidKey = function (key) { return validEvents.map(function (event) { return event.toLowerCase(); }).indexOf(key.toLowerCase()) !== -1; };
|
|
exports.isValidKey = isValidKey;
|
|
var bindHandlers = function (initEvent, listeners, editor) {
|
|
Object.keys(listeners)
|
|
.filter(isValidKey)
|
|
.forEach(function (key) {
|
|
var handler = listeners[key];
|
|
if (typeof handler === 'function') {
|
|
if (key === 'onInit') {
|
|
handler(initEvent, editor);
|
|
}
|
|
else {
|
|
editor.on(key.substring(2), function (e) { return handler(e, editor); });
|
|
}
|
|
}
|
|
});
|
|
};
|
|
exports.bindHandlers = bindHandlers;
|
|
var bindModelHandlers = function (ctx, editor) {
|
|
var modelEvents = ctx.$props.modelEvents ? ctx.$props.modelEvents : null;
|
|
var normalizedEvents = Array.isArray(modelEvents) ? modelEvents.join(' ') : modelEvents;
|
|
editor.on(normalizedEvents ? normalizedEvents : 'change input undo redo', function () {
|
|
ctx.$emit('input', editor.getContent({ format: ctx.$props.outputFormat }));
|
|
});
|
|
};
|
|
exports.bindModelHandlers = bindModelHandlers;
|
|
var initEditor = function (initEvent, ctx, editor) {
|
|
var value = ctx.$props.value ? ctx.$props.value : '';
|
|
var initialValue = ctx.$props.initialValue ? ctx.$props.initialValue : '';
|
|
editor.setContent(value || (ctx.initialized ? ctx.cache : initialValue));
|
|
// Always bind the value listener in case users use :value instead of v-model
|
|
ctx.$watch('value', function (val, prevVal) {
|
|
if (editor && typeof val === 'string' && val !== prevVal && val !== editor.getContent({ format: ctx.$props.outputFormat })) {
|
|
editor.setContent(val);
|
|
}
|
|
});
|
|
// checks if the v-model shorthand is used (which sets an v-on:input listener) and then binds either
|
|
// specified the events or defaults to "change keyup" event and emits the editor content on that event
|
|
if (ctx.$listeners.input) {
|
|
bindModelHandlers(ctx, editor);
|
|
}
|
|
bindHandlers(initEvent, ctx.$listeners, editor);
|
|
ctx.initialized = true;
|
|
};
|
|
exports.initEditor = initEditor;
|
|
var unique = 0;
|
|
var uuid = function (prefix) {
|
|
var time = Date.now();
|
|
var random = Math.floor(Math.random() * 1000000000);
|
|
unique++;
|
|
return prefix + '_' + random + unique + String(time);
|
|
};
|
|
exports.uuid = uuid;
|
|
var isTextarea = function (element) {
|
|
return element !== null && element.tagName.toLowerCase() === 'textarea';
|
|
};
|
|
exports.isTextarea = isTextarea;
|
|
var normalizePluginArray = function (plugins) {
|
|
if (typeof plugins === 'undefined' || plugins === '') {
|
|
return [];
|
|
}
|
|
return Array.isArray(plugins) ? plugins : plugins.split(' ');
|
|
};
|
|
var mergePlugins = function (initPlugins, inputPlugins) {
|
|
return normalizePluginArray(initPlugins).concat(normalizePluginArray(inputPlugins));
|
|
};
|
|
exports.mergePlugins = mergePlugins;
|
|
var isNullOrUndefined = function (value) { return value === null || value === undefined; };
|
|
exports.isNullOrUndefined = isNullOrUndefined;
|