' + self.icon + ' ' + lang.databasic.name + ': ' + + $node.attr('data-test') + '
'); + }; + + self.updateNode = function(info) { + self.setContent(info.node + .attr('data-test', info.test)); + }; + + self.createNode = function(info) { + var $node = $(''); + + if ($node) { + // save node to info structure + info.node = $node; + // insert node into editor dom + context.invoke('editor.insertNode', $node[0]); + } + + return $node; + }; + + self.showDialog = function() { + var info = self.getInfo(); + var newNode = !info.node; + context.invoke('editor.saveRange'); + + self + .openDialog(info) + .then(function(dialogInfo) { + // [workaround] hide dialog before restore range for IE range focus + ui.hideDialog(self.$dialog); + context.invoke('editor.restoreRange'); + + // insert a new node + if (newNode) { + self.createNode(info); + } + + // update info with dialog info + $.extend(info, dialogInfo); + + self.updateNode(info); + }) + .fail(function() { + context.invoke('editor.restoreRange'); + }); + }; + + self.openDialog = function(info) { + return $.Deferred(function(deferred) { + var $inpTest = self.$dialog.find('.ext-databasic-test'); + var $saveBtn = self.$dialog.find('.ext-databasic-save'); + var onKeyup = function(event) { + if (event.keyCode === 13) { + $saveBtn.trigger('click'); + } + }; + + ui.onDialogShown(self.$dialog, function() { + context.triggerEvent('dialog.shown'); + + $inpTest.val(info.test).on('input', function() { + ui.toggleBtn($saveBtn, $inpTest.val()); + }).trigger('focus').on('keyup', onKeyup); + + $saveBtn + .text(info.node ? lang.databasic.edit : lang.databasic.insert) + .click(function(event) { + event.preventDefault(); + + deferred.resolve({ test: $inpTest.val() }); + }); + + // init save button + ui.toggleBtn($saveBtn, $inpTest.val()); + }); + + ui.onDialogHidden(self.$dialog, function() { + $inpTest.off('input keyup'); + $saveBtn.off('click'); + + if (deferred.state() === 'pending') { + deferred.reject(); + } + }); + + ui.showDialog(self.$dialog); + }); + }; + }; + + // Extends summernote + $.extend(true, $.summernote, { + plugins: { + databasic: DataBasicPlugin, + }, + + options: { + popover: { + databasic: [ + ['databasic', ['databasicDialog', 'databasicSize100', 'databasicSize50', 'databasicSize25']], + ], + }, + }, + + // add localization texts + lang: { + 'en-US': { + databasic: { + name: 'Basic Data Container', + insert: 'insert basic data container', + edit: 'edit basic data container', + testLabel: 'test input', + }, + }, + }, + + }); +})); diff --git a/upload/admin/view/javascript/summernote/plugin/hello/summernote-ext-hello.js b/upload/admin/view/javascript/summernote/plugin/hello/summernote-ext-hello.js index 7c6434a447..f95d302fd5 100644 --- a/upload/admin/view/javascript/summernote/plugin/hello/summernote-ext-hello.js +++ b/upload/admin/view/javascript/summernote/plugin/hello/summernote-ext-hello.js @@ -1,5 +1,4 @@ -(function (factory) { - /* global define */ +(function(factory) { if (typeof define === 'function' && define.amd) { // AMD. Register as an anonymous module. define(['jquery'], factory); @@ -10,15 +9,14 @@ // Browser globals factory(window.jQuery); } -}(function ($) { - +}(function($) { // Extends plugins for adding hello. // - plugin is external module for customizing. $.extend($.summernote.plugins, { /** * @param {Object} context - context object has status of editor. */ - 'hello': function (context) { + 'hello': function(context) { var self = this; // ui has renders to build ui elements. @@ -26,17 +24,17 @@ var ui = $.summernote.ui; // add hello button - context.memo('button.hello', function () { + context.memo('button.hello', function() { // create button var button = ui.button({ contents: ' Hello', tooltip: 'hello', - click: function () { + click: function() { self.$panel.show(); self.$panel.hide(500); // invoke insertText method with 'hello' on editor module. context.invoke('editor.insertText', 'hello'); - } + }, }); // create jQuery object from button instance. @@ -47,25 +45,27 @@ // This events will be attached when editor is initialized. this.events = { // This will be called after modules are initialized. - 'summernote.init': function (we, e) { + 'summernote.init': function(we, e) { + // eslint-disable-next-line console.log('summernote initialized', we, e); }, // This will be called when user releases a key on editable. - 'summernote.keyup': function (we, e) { + 'summernote.keyup': function(we, e) { + // eslint-disable-next-line console.log('summernote keyup', we, e); - } + }, }; // This method will be called when editor is initialized by $('..').summernote(); // You can create elements for plugin - this.initialize = function () { + this.initialize = function() { this.$panel = $('').css({ position: 'absolute', width: 100, height: 100, left: '50%', top: '50%', - background: 'red' + background: 'red', }).hide(); this.$panel.appendTo('body'); @@ -73,10 +73,10 @@ // This methods will be called when editor is destroyed by $('..').summernote('destroy'); // You should remove elements on `initialize`. - this.destroy = function () { + this.destroy = function() { this.$panel.remove(); this.$panel = null; }; - } + }, }); })); diff --git a/upload/admin/view/javascript/summernote/plugin/specialchars/summernote-ext-specialchars.js b/upload/admin/view/javascript/summernote/plugin/specialchars/summernote-ext-specialchars.js index 41a08a2114..e5e5ed46ca 100644 --- a/upload/admin/view/javascript/summernote/plugin/specialchars/summernote-ext-specialchars.js +++ b/upload/admin/view/javascript/summernote/plugin/specialchars/summernote-ext-specialchars.js @@ -1,5 +1,4 @@ -(function (factory) { - /* global define */ +(function(factory) { if (typeof define === 'function' && define.amd) { // AMD. Register as an anonymous module. define(['jquery'], factory); @@ -10,9 +9,9 @@ // Browser globals factory(window.jQuery); } -}(function ($) { +}(function($) { $.extend($.summernote.plugins, { - 'specialchars': function (context) { + 'specialchars': function(context) { var self = this; var ui = $.summernote.ui; @@ -25,12 +24,15 @@ DOWN: 40, LEFT: 37, RIGHT: 39, - ENTER: 13 + ENTER: 13, }; var COLUMN_LENGTH = 15; var COLUMN_WIDTH = 35; - var currentColumn, currentRow, totalColumn, totalRow = 0; + var currentColumn = 0; + var currentRow = 0; + var totalColumn = 0; + var totalRow = 0; // special characters data set var specialCharDataSet = [ @@ -58,16 +60,16 @@ '⊄', '⊆', '⊇', '⊕', '⊗', '⊥', '⋅', '⌈', '⌉', '⌊', '⌋', '◊', '♠', '♣', '♥', - '♦' + '♦', ]; - context.memo('button.specialCharacter', function () { + context.memo('button.specialchars', function() { return ui.button({ contents: '', tooltip: lang.specialChar.specialChar, - click: function () { + click: function() { self.show(); - } + }, }).render(); }); @@ -78,23 +80,23 @@ * @private * @return {jQuery} */ - this.makeSpecialCharSetTable = function () { + this.makeSpecialCharSetTable = function() { var $table = $(']
- var ancestors = listAncestor(point.node, func.eq(root));
+var isBody = makePredByNodeName('BODY');
+/**
+ * returns whether nodeB is closest sibling of nodeA
+ *
+ * @param {Node} nodeA
+ * @param {Node} nodeB
+ * @return {Boolean}
+ */
- if (!ancestors.length) {
- return null;
- } else if (ancestors.length === 1) {
- return splitNode(point, options);
- }
+function isClosestSibling(nodeA, nodeB) {
+ return nodeA.nextSibling === nodeB || nodeA.previousSibling === nodeB;
+}
+/**
+ * returns array of closest siblings with node
+ *
+ * @param {Node} node
+ * @param {function} [pred] - predicate function
+ * @return {Node[]}
+ */
- return ancestors.reduce(function (node, parent) {
- if (node === point.node) {
- node = splitNode(point, options);
- }
- return splitNode({
- node: parent,
- offset: node ? dom.position(node) : nodeLength(parent)
- }, options);
- });
- };
+function withClosestSiblings(node, pred) {
+ pred = pred || func.ok;
+ var siblings = [];
- /**
- * split point
- *
- * @param {Point} point
- * @param {Boolean} isInline
- * @return {Object}
- */
- var splitPoint = function (point, isInline) {
- // find splitRoot, container
- // - inline: splitRoot is a child of paragraph
- // - block: splitRoot is a child of bodyContainer
- var pred = isInline ? isPara : isBodyContainer;
- var ancestors = listAncestor(point.node, pred);
- var topAncestor = list.last(ancestors) || point.node;
-
- var splitRoot, container;
- if (pred(topAncestor)) {
- splitRoot = ancestors[ancestors.length - 2];
- container = topAncestor;
- } else {
- splitRoot = topAncestor;
- container = splitRoot.parentNode;
- }
+ if (node.previousSibling && pred(node.previousSibling)) {
+ siblings.push(node.previousSibling);
+ }
- // if splitRoot is exists, split with splitTree
- var pivot = splitRoot && splitTree(splitRoot, point, {
- isSkipPaddingBlankHTML: isInline,
- isNotSplitEdgePoint: isInline
- });
+ siblings.push(node);
- // if container is point.node, find pivot with point.offset
- if (!pivot && container === point.node) {
- pivot = point.node.childNodes[point.offset];
- }
+ if (node.nextSibling && pred(node.nextSibling)) {
+ siblings.push(node.nextSibling);
+ }
- return {
- rightNode: pivot,
- container: container
- };
- };
+ return siblings;
+}
+/**
+ * blank HTML for cursor position
+ * - [workaround] old IE only works with
+ * - [workaround] IE11 and other browser works with bogus br
+ */
- var create = function (nodeName) {
- return document.createElement(nodeName);
- };
- var createText = function (text) {
- return document.createTextNode(text);
- };
+var blankHTML = env.isMSIE && env.browserVersion < 11 ? ' ' : '
';
+/**
+ * @method nodeLength
+ *
+ * returns #text's text size or element's childNodes size
+ *
+ * @param {Node} node
+ */
- /**
- * @method remove
- *
- * remove node, (isRemoveChild: remove child or not)
- *
- * @param {Node} node
- * @param {Boolean} isRemoveChild
- */
- var remove = function (node, isRemoveChild) {
- if (!node || !node.parentNode) { return; }
- if (node.removeNode) { return node.removeNode(isRemoveChild); }
-
- var parent = node.parentNode;
- if (!isRemoveChild) {
- var nodes = [];
- var i, len;
- for (i = 0, len = node.childNodes.length; i < len; i++) {
- nodes.push(node.childNodes[i]);
- }
+function nodeLength(node) {
+ if (isText(node)) {
+ return node.nodeValue.length;
+ }
- for (i = 0, len = nodes.length; i < len; i++) {
- parent.insertBefore(nodes[i], node);
- }
- }
+ if (node) {
+ return node.childNodes.length;
+ }
- parent.removeChild(node);
- };
+ return 0;
+}
+/**
+ * returns whether deepest child node is empty or not.
+ *
+ * @param {Node} node
+ * @return {Boolean}
+ */
- /**
- * @method removeWhile
- *
- * @param {Node} node
- * @param {Function} pred
- */
- var removeWhile = function (node, pred) {
- while (node) {
- if (isEditable(node) || !pred(node)) {
- break;
- }
- var parent = node.parentNode;
- remove(node);
- node = parent;
- }
- };
+function deepestChildIsEmpty(node) {
+ do {
+ if (node.firstElementChild === null || node.firstElementChild.innerHTML === '') break;
+ } while (node = node.firstElementChild);
- /**
- * @method replace
- *
- * replace node with provided nodeName
- *
- * @param {Node} node
- * @param {String} nodeName
- * @return {Node} - new node
- */
- var replace = function (node, nodeName) {
- if (node.nodeName.toUpperCase() === nodeName.toUpperCase()) {
- return node;
- }
+ return dom_isEmpty(node);
+}
+/**
+ * returns whether node is empty or not.
+ *
+ * @param {Node} node
+ * @return {Boolean}
+ */
- var newNode = create(nodeName);
- if (node.style.cssText) {
- newNode.style.cssText = node.style.cssText;
- }
+function dom_isEmpty(node) {
+ var len = nodeLength(node);
- appendChildNodes(newNode, list.from(node.childNodes));
- insertAfter(newNode, node);
- remove(node);
+ if (len === 0) {
+ return true;
+ } else if (!isText(node) && len === 1 && node.innerHTML === blankHTML) {
+ // ex)
' + blankHTML + '
', - makePredByNodeName: makePredByNodeName, - isEditable: isEditable, - isControlSizing: isControlSizing, - isText: isText, - isElement: isElement, - isVoid: isVoid, - isPara: isPara, - isPurePara: isPurePara, - isHeading: isHeading, - isInline: isInline, - isBlock: func.not(isInline), - isBodyInline: isBodyInline, - isBody: isBody, - isParaInline: isParaInline, - isPre: isPre, - isList: isList, - isTable: isTable, - isCell: isCell, - isBlockquote: isBlockquote, - isBodyContainer: isBodyContainer, - isAnchor: isAnchor, - isDiv: makePredByNodeName('DIV'), - isLi: isLi, - isBR: makePredByNodeName('BR'), - isSpan: makePredByNodeName('SPAN'), - isB: makePredByNodeName('B'), - isU: makePredByNodeName('U'), - isS: makePredByNodeName('S'), - isI: makePredByNodeName('I'), - isImg: makePredByNodeName('IMG'), - isTextarea: isTextarea, - isEmpty: isEmpty, - isEmptyAnchor: func.and(isAnchor, isEmpty), - isClosestSibling: isClosestSibling, - withClosestSiblings: withClosestSiblings, - nodeLength: nodeLength, - isLeftEdgePoint: isLeftEdgePoint, - isRightEdgePoint: isRightEdgePoint, - isEdgePoint: isEdgePoint, - isLeftEdgeOf: isLeftEdgeOf, - isRightEdgeOf: isRightEdgeOf, - isLeftEdgePointOf: isLeftEdgePointOf, - isRightEdgePointOf: isRightEdgePointOf, - prevPoint: prevPoint, - nextPoint: nextPoint, - isSamePoint: isSamePoint, - isVisiblePoint: isVisiblePoint, - prevPointUntil: prevPointUntil, - nextPointUntil: nextPointUntil, - isCharPoint: isCharPoint, - walkPoint: walkPoint, - ancestor: ancestor, - singleChildAncestor: singleChildAncestor, - listAncestor: listAncestor, - lastAncestor: lastAncestor, - listNext: listNext, - listPrev: listPrev, - listDescendant: listDescendant, - commonAncestor: commonAncestor, - wrap: wrap, - insertAfter: insertAfter, - appendChildNodes: appendChildNodes, - position: position, - hasChildren: hasChildren, - makeOffsetPath: makeOffsetPath, - fromOffsetPath: fromOffsetPath, - splitTree: splitTree, - splitPoint: splitPoint, - create: create, - createText: createText, - remove: remove, - removeWhile: removeWhile, - replace: replace, - html: html, - value: value, - posFromPlaceholder: posFromPlaceholder, - attachEvents: attachEvents, - detachEvents: detachEvents - }; - })(); +function singleChildAncestor(node, pred) { + node = node.parentNode; - /** - * @param {jQuery} $note - * @param {Object} options - * @return {Context} - */ - var Context = function ($note, options) { - var self = this; + while (node) { + if (nodeLength(node) !== 1) { + break; + } - var ui = $.summernote.ui; - this.memos = {}; - this.modules = {}; - this.layoutInfo = {}; - this.options = options; + if (pred(node)) { + return node; + } - /** - * create layout and initialize modules and other resources - */ - this.initialize = function () { - this.layoutInfo = ui.createLayout($note, options); - this._initialize(); - $note.hide(); - return this; - }; + if (isEditable(node)) { + break; + } - /** - * destroy modules and other resources and remove layout - */ - this.destroy = function () { - this._destroy(); - $note.removeData('summernote'); - ui.removeLayout($note, this.layoutInfo); - }; + node = node.parentNode; + } - /** - * destory modules and other resources and initialize it again - */ - this.reset = function () { - var disabled = self.isDisabled(); - this.code(dom.emptyPara); - this._destroy(); - this._initialize(); + return null; +} +/** + * returns new array of ancestor nodes (until predicate hit). + * + * @param {Node} node + * @param {Function} [optional] pred - predicate function + */ - if (disabled) { - self.disable(); - } - }; - this._initialize = function () { - // add optional buttons - var buttons = $.extend({}, this.options.buttons); - Object.keys(buttons).forEach(function (key) { - self.memo('button.' + key, buttons[key]); - }); +function listAncestor(node, pred) { + pred = pred || func.fail; + var ancestors = []; + dom_ancestor(node, function (el) { + if (!isEditable(el)) { + ancestors.push(el); + } - var modules = $.extend({}, this.options.modules, $.summernote.plugins || {}); + return pred(el); + }); + return ancestors; +} +/** + * find farthest ancestor predicate hit + */ - // add and initialize modules - Object.keys(modules).forEach(function (key) { - self.module(key, modules[key], true); - }); - Object.keys(this.modules).forEach(function (key) { - self.initializeModule(key); - }); - }; +function lastAncestor(node, pred) { + var ancestors = listAncestor(node); + return lists.last(ancestors.filter(pred)); +} +/** + * returns common ancestor node between two nodes. + * + * @param {Node} nodeA + * @param {Node} nodeB + */ - this._destroy = function () { - // destroy modules with reversed order - Object.keys(this.modules).reverse().forEach(function (key) { - self.removeModule(key); - }); - Object.keys(this.memos).forEach(function (key) { - self.removeMemo(key); - }); - }; +function dom_commonAncestor(nodeA, nodeB) { + var ancestors = listAncestor(nodeA); - this.code = function (html) { - var isActivated = this.invoke('codeview.isActivated'); + for (var n = nodeB; n; n = n.parentNode) { + if (ancestors.indexOf(n) > -1) return n; + } - if (html === undefined) { - this.invoke('codeview.sync'); - return isActivated ? this.layoutInfo.codable.val() : this.layoutInfo.editable.html(); - } else { - if (isActivated) { - this.layoutInfo.codable.val(html); - } else { - this.layoutInfo.editable.html(html); - } - $note.val(html); - this.triggerEvent('change', html); - } - }; - - this.isDisabled = function () { - return this.layoutInfo.editable.attr('contenteditable') === 'false'; - }; - - this.enable = function () { - this.layoutInfo.editable.attr('contenteditable', true); - this.invoke('toolbar.activate', true); - }; + return null; // difference document area +} +/** + * listing all previous siblings (until predicate hit). + * + * @param {Node} node + * @param {Function} [optional] pred - predicate function + */ - this.disable = function () { - // close codeview if codeview is opend - if (this.invoke('codeview.isActivated')) { - this.invoke('codeview.deactivate'); - } - this.layoutInfo.editable.attr('contenteditable', false); - this.invoke('toolbar.deactivate', true); - }; - this.triggerEvent = function () { - var namespace = list.head(arguments); - var args = list.tail(list.from(arguments)); +function listPrev(node, pred) { + pred = pred || func.fail; + var nodes = []; - var callback = this.options.callbacks[func.namespaceToCamel(namespace, 'on')]; - if (callback) { - callback.apply($note[0], args); - } - $note.trigger('summernote.' + namespace, args); - }; + while (node) { + if (pred(node)) { + break; + } - this.initializeModule = function (key) { - var module = this.modules[key]; - module.shouldInitialize = module.shouldInitialize || func.ok; - if (!module.shouldInitialize()) { - return; - } + nodes.push(node); + node = node.previousSibling; + } - // initialize module - if (module.initialize) { - module.initialize(); - } + return nodes; +} +/** + * listing next siblings (until predicate hit). + * + * @param {Node} node + * @param {Function} [pred] - predicate function + */ - // attach events - if (module.events) { - dom.attachEvents($note, module.events); - } - }; - this.module = function (key, ModuleClass, withoutIntialize) { - if (arguments.length === 1) { - return this.modules[key]; - } +function listNext(node, pred) { + pred = pred || func.fail; + var nodes = []; - this.modules[key] = new ModuleClass(this); + while (node) { + if (pred(node)) { + break; + } - if (!withoutIntialize) { - this.initializeModule(key); - } - }; + nodes.push(node); + node = node.nextSibling; + } - this.removeModule = function (key) { - var module = this.modules[key]; - if (module.shouldInitialize()) { - if (module.events) { - dom.detachEvents($note, module.events); - } + return nodes; +} +/** + * listing descendant nodes + * + * @param {Node} node + * @param {Function} [pred] - predicate function + */ - if (module.destroy) { - module.destroy(); - } - } - delete this.modules[key]; - }; +function listDescendant(node, pred) { + var descendants = []; + pred = pred || func.ok; // start DFS(depth first search) with node - this.memo = function (key, obj) { - if (arguments.length === 1) { - return this.memos[key]; - } - this.memos[key] = obj; - }; + (function fnWalk(current) { + if (node !== current && pred(current)) { + descendants.push(current); + } - this.removeMemo = function (key) { - if (this.memos[key] && this.memos[key].destroy) { - this.memos[key].destroy(); - } + for (var idx = 0, len = current.childNodes.length; idx < len; idx++) { + fnWalk(current.childNodes[idx]); + } + })(node); - delete this.memos[key]; - }; + return descendants; +} +/** + * wrap node with new tag. + * + * @param {Node} node + * @param {Node} tagName of wrapper + * @return {Node} - wrapper + */ - this.createInvokeHandler = function (namespace, value) { - return function (event) { - event.preventDefault(); - self.invoke(namespace, value || $(event.target).closest('[data-value]').data('value')); - }; - }; - this.invoke = function () { - var namespace = list.head(arguments); - var args = list.tail(list.from(arguments)); +function wrap(node, wrapperName) { + var parent = node.parentNode; + var wrapper = external_root_jQuery_commonjs2_jquery_commonjs_jquery_amd_jquery_default()('<' + wrapperName + '>')[0]; + parent.insertBefore(wrapper, node); + wrapper.appendChild(node); + return wrapper; +} +/** + * insert node after preceding + * + * @param {Node} node + * @param {Node} preceding - predicate function + */ - var splits = namespace.split('.'); - var hasSeparator = splits.length > 1; - var moduleName = hasSeparator && list.head(splits); - var methodName = hasSeparator ? list.last(splits) : list.head(splits); - var module = this.modules[moduleName || 'editor']; - if (!moduleName && this[methodName]) { - return this[methodName].apply(this, args); - } else if (module && module[methodName] && module.shouldInitialize()) { - return module[methodName].apply(module, args); - } - }; +function insertAfter(node, preceding) { + var next = preceding.nextSibling; + var parent = preceding.parentNode; - return this.initialize(); - }; + if (next) { + parent.insertBefore(node, next); + } else { + parent.appendChild(node); + } - $.fn.extend({ - /** - * Summernote API - * - * @param {Object|String} - * @return {this} - */ - summernote: function () { - var type = $.type(list.head(arguments)); - var isExternalAPICalled = type === 'string'; - var hasInitOptions = type === 'object'; - - var options = hasInitOptions ? list.head(arguments) : {}; - - options = $.extend({}, $.summernote.options, options); - options.langInfo = $.extend(true, {}, $.summernote.lang['en-US'], $.summernote.lang[options.lang]); - - this.each(function (idx, note) { - var $note = $(note); - if (!$note.data('summernote')) { - var context = new Context($note, options); - $note.data('summernote', context); - $note.data('summernote').triggerEvent('init', context.layoutInfo); - } - }); + return node; +} +/** + * append elements. + * + * @param {Node} node + * @param {Collection} aChild + */ - var $note = this.first(); - if ($note.length) { - var context = $note.data('summernote'); - if (isExternalAPICalled) { - return context.invoke.apply(context, list.from(arguments)); - } else if (options.focus) { - context.invoke('editor.focus'); - } - } - return this; - } +function appendChildNodes(node, aChild) { + external_root_jQuery_commonjs2_jquery_commonjs_jquery_amd_jquery_default.a.each(aChild, function (idx, child) { + node.appendChild(child); }); + return node; +} +/** + * returns whether boundaryPoint is left edge or not. + * + * @param {BoundaryPoint} point + * @return {Boolean} + */ - var Renderer = function (markup, children, options, callback) { - this.render = function ($parent) { - var $node = $(markup); +function isLeftEdgePoint(point) { + return point.offset === 0; +} +/** + * returns whether boundaryPoint is right edge or not. + * + * @param {BoundaryPoint} point + * @return {Boolean} + */ - if (options && options.contents) { - $node.html(options.contents); - } - if (options && options.className) { - $node.addClass(options.className); - } +function isRightEdgePoint(point) { + return point.offset === nodeLength(point.node); +} +/** + * returns whether boundaryPoint is edge or not. + * + * @param {BoundaryPoint} point + * @return {Boolean} + */ - if (options && options.data) { - $.each(options.data, function (k, v) { - $node.attr('data-' + k, v); - }); - } - if (options && options.click) { - $node.on('click', options.click); - } +function isEdgePoint(point) { + return isLeftEdgePoint(point) || isRightEdgePoint(point); +} +/** + * returns whether node is left edge of ancestor or not. + * + * @param {Node} node + * @param {Node} ancestor + * @return {Boolean} + */ - if (children) { - var $container = $node.find('.note-children-container'); - children.forEach(function (child) { - child.render($container.length ? $container : $node); - }); - } - if (callback) { - callback($node, options); - } +function dom_isLeftEdgeOf(node, ancestor) { + while (node && node !== ancestor) { + if (dom_position(node) !== 0) { + return false; + } - if (options && options.callback) { - options.callback($node); - } + node = node.parentNode; + } - if ($parent) { - $parent.append($node); - } + return true; +} +/** + * returns whether node is right edge of ancestor or not. + * + * @param {Node} node + * @param {Node} ancestor + * @return {Boolean} + */ - return $node; - }; - }; - var renderer = { - create: function (markup, callback) { - return function () { - var children = $.isArray(arguments[0]) ? arguments[0] : []; - var options = typeof arguments[1] === 'object' ? arguments[1] : arguments[0]; - if (options && options.children) { - children = options.children; - } - return new Renderer(markup, children, options, callback); - }; - } - }; +function isRightEdgeOf(node, ancestor) { + if (!ancestor) { + return false; + } - var editor = renderer.create(''); - var toolbar = renderer.create(''); - var editingArea = renderer.create(''); - var codable = renderer.create(''); - var editable = renderer.create(''); - var statusbar = renderer.create([ - '' - ].join('')); - - var airEditor = renderer.create(''); - var airEditable = renderer.create(''); - - var buttonGroup = renderer.create('