suneditor 2.46.2 → 3.0.0-alpha.2

package/src/plugins/submenu/template.d.ts

@@ -1,5 +0,0 @@
-import { SubmenuPlugin } from '../SubmenuPlugin';
-
-declare const template: SubmenuPlugin;
-
-export default template;

package/src/plugins/submenu/template.js

@@ -1,72 +0,0 @@
-/*
- * wysiwyg web editor
- *
- * suneditor.js
- * Copyright 2017 JiHong Lee.
- * MIT license.
- */
-'use strict';
-
-export default {
-    name: 'template',
-    display: 'submenu',
-    add: function (core, targetElement) {
-        const context = core.context;
-        context.template = {
-            selectedIndex: -1
-        };
-
-        /** set submenu */
-        let templateDiv = this.setSubmenu(core);
-
-        /** add event listeners */
-        templateDiv.querySelector('ul').addEventListener('click', this.pickup.bind(core));
-
-        /** append target button menu */
-        core.initMenuTarget(this.name, targetElement, templateDiv);
-
-        /** empty memory */
-        templateDiv = null;
-    },
-
-    setSubmenu: function (core) {
-        const templateList = core.options.templates;
-        if (!templateList || templateList.length === 0) {
-            throw Error('[SUNEDITOR.plugins.template.fail] To use the "template" plugin, please define the "templates" option.');
-        }
-
-        const listDiv = core.util.createElement('DIV');
-        listDiv.className = 'se-list-layer';
-
-        let list = '<div class="se-submenu se-list-inner">' +
-                '<ul class="se-list-basic">';
-        for (let i = 0, len = templateList.length, t; i < len; i++) {
-            t = templateList[i];
-            list += '<li><button type="button" class="se-btn-list" data-value="' + i + '" title="' + t.name + '" aria-label="' + t.name + '">' + t.name + '</button></li>';
-        }
-        list += '</ul></div>';
-
-        listDiv.innerHTML = list;
-
-        return listDiv;
-    },
-
-    pickup: function (e) {
-        if (!/^BUTTON$/i.test(e.target.tagName)) return false;
-
-        e.preventDefault();
-        e.stopPropagation();
-
-        this.context.template.selectedIndex = e.target.getAttribute('data-value') * 1;
-        const temp = this.options.templates[this.context.template.selectedIndex];
-
-        if (temp.html) {
-            this.setContents(temp.html);
-        } else {
-            this.submenuOff();
-            throw Error('[SUNEDITOR.template.fail] cause : "templates[i].html not found"');
-        }
-        
-        this.submenuOff();
-    }
-};

package/src/plugins/submenu/textStyle.d.ts

@@ -1,5 +0,0 @@
-import { SubmenuPlugin } from '../SubmenuPlugin';
-
-declare const textStyle: SubmenuPlugin;
-
-export default textStyle;

package/src/plugins/submenu/textStyle.js

@@ -1,167 +0,0 @@
-/*
- * wysiwyg web editor
- *
- * suneditor.js
- * Copyright 2017 JiHong Lee.
- * MIT license.
- */
-'use strict';
-
-export default {
-    name: 'textStyle',
-    display: 'submenu',
-    add: function (core, targetElement) {
-        const context = core.context;
-        context.textStyle = {
-            _styleList: null
-        };
-
-        /** set submenu */
-        let listDiv = this.setSubmenu(core);
-        let listUl = listDiv.querySelector('ul');
-
-        /** add event listeners */
-        listUl.addEventListener('click', this.pickup.bind(core));
-
-        context.textStyle._styleList = listDiv.querySelectorAll('li button');
-
-        /** append target button menu */
-        core.initMenuTarget(this.name, targetElement, listDiv);
-
-        /** empty memory */
-        listDiv = null, listUl = null;
-    },
-
-    setSubmenu: function (core) {
-        const option = core.options;
-        const listDiv = core.util.createElement('DIV');
-        listDiv.className = 'se-submenu se-list-layer se-list-format';
-
-        const defaultList = {
-            code: {
-                name: core.lang.menu.code,
-                class: '__se__t-code',
-                tag: 'code',
-            },
-            translucent: {
-                name: core.lang.menu.translucent,
-                style: 'opacity: 0.5;',
-                tag: 'span',
-            },
-            shadow: {
-                name: core.lang.menu.shadow,
-                class: '__se__t-shadow',
-                tag: 'span',
-            }
-        };
-        const styleList = !option.textStyles ? core._w.Object.keys(defaultList) : option.textStyles;
-
-        let list = '<div class="se-list-inner"><ul class="se-list-basic">';
-        for (let i = 0, len = styleList.length, t, tag, name, attrs, command, value, _class; i < len; i++) {
-            t = styleList[i];
-            attrs = '', value = '', command = [];
-
-            if (typeof t === 'string') {
-                const defaultStyle = defaultList[t.toLowerCase()];
-                if (!defaultStyle) continue;
-                t = defaultStyle;
-            }
-
-            name = t.name;
-            tag = t.tag || 'span';
-            _class = t._class;
-
-            if (t.style) {
-                attrs += ' style="' + t.style + '"';
-                value += t.style.replace(/:[^;]+(;|$)\s*/g, ',');
-                command.push('style');
-            }
-            if (t.class) {
-                attrs += ' class="' + t.class + '"';
-                value += '.' + t.class.trim().replace(/\s+/g, ',.');
-                command.push('class');
-            }
-
-            value = value.replace(/,$/, '');
-
-            list += '<li>' +
-                '<button type="button" class="se-btn-list' + (_class ? ' ' + _class: '') + '" data-command="' + tag + '" data-value="' + value + '" title="' + name + '" aria-label="' + name + '">' +
-                    '<' + tag + attrs + '>' + name +  '</' + tag + '>' +
-                '</button></li>';
-        }
-        list += '</ul></div>';
-
-        listDiv.innerHTML = list;
-
-        return listDiv;
-    },
-
-     /**
-     * @Override submenu
-     */
-    on: function () {
-        const util = this.util;
-        const textStyleContext = this.context.textStyle;
-        const styleButtonList = textStyleContext._styleList;
-        const selectionNode = this.getSelectionNode();
-
-        for (let i = 0, len = styleButtonList.length, btn, data, active; i < len; i++) {
-            btn = styleButtonList[i];
-            data = btn.getAttribute('data-value').split(',');
-            
-            for (let v = 0, node, value; v < data.length; v++) {
-                node = selectionNode;
-                active = false;
-                
-                while (node && !util.isFormatElement(node) && !util.isComponent(node)) {
-                    if (node.nodeName.toLowerCase() === btn.getAttribute('data-command').toLowerCase()) {
-                        value = data[v];
-                        if (/^\./.test(value) ? util.hasClass(node, value.replace(/^\./, '')) : !!node.style[value]) {
-                            active = true;
-                            break;
-                        }
-                    }
-                    node = node.parentNode;
-                }
-
-                if (!active) break;
-            }
-
-            active ? util.addClass(btn, 'active') : util.removeClass(btn, 'active');
-        }
-
-    },
-
-    pickup: function (e) {
-        e.preventDefault();
-        e.stopPropagation();
-
-        let target = e.target;
-        let command = null, tag = null;
-        
-        while (!command && !/UL/i.test(target.tagName)) {
-            command = target.getAttribute('data-command');
-            if (command) {
-                tag = target.firstChild;
-                break;
-            }
-            target = target.parentNode;
-        }
-
-        if (!command) return;
-
-        const checkStyles = tag.style.cssText.replace(/:.+(;|$)/g, ',').split(',');
-        checkStyles.pop();
-
-        const classes = tag.classList;
-        for (let i = 0, len = classes.length; i < len; i++) {
-            checkStyles.push('.' + classes[i]);
-        }
-
-        const newNode = this.util.hasClass(target, 'active') ? null : tag.cloneNode(false);
-        const removeNodes = newNode ? null : [tag.nodeName];
-        this.nodeChange(newNode, checkStyles, removeNodes, true);
-
-        this.submenuOff();
-    }
-};

package/src/suneditor.d.ts

@@ -1,9 +0,0 @@
-import { SunEditorOptions } from './options.d';
-import SunEditor from './lib/core';
-
-declare namespace _default {
-    export function init(init_options: SunEditorOptions): { create: typeof create; };
-    export function create(idOrElement: String | Element, options: SunEditorOptions, _init_options?: SunEditorOptions): SunEditor;
-}
-
-export default _default;

package/src/suneditor_build.js

@@ -1,18 +0,0 @@
-'use strict';
-
-import './assets/css/suneditor.css';
-import './assets/css/suneditor-contents.css';
-
-import plugins from './plugins';
-import suneditor from './suneditor';
-
-if (!window.SUNEDITOR) {
-    Object.defineProperty(window, 'SUNEDITOR', {
-        enumerable: true,
-        writable: false,
-        configurable: false,
-        value: suneditor.init({
-            plugins: plugins
-        })
-    });
-}