/** * ForceBlocks.js * * Released under LGPL License. * Copyright (c) 1999-2017 Ephox Corp. All rights reserved * * License: http://www.tinymce.com/license * Contributing: http://www.tinymce.com/contributing */ import { Arr, Fun } from '@ephox/katamari'; import { Element } from '@ephox/sugar'; import Bookmarks from './bookmark/Bookmarks'; import NodeType from './dom/NodeType'; import Parents from './dom/Parents'; import EditorFocus from './focus/EditorFocus'; /** * Makes sure that everything gets wrapped in paragraphs. * * @private * @class tinymce.ForceBlocks */ const isBlockElement = function (blockElements, node) { return blockElements.hasOwnProperty(node.nodeName); }; const isValidTarget = function (blockElements, node) { if (NodeType.isText(node)) { return true; } else if (NodeType.isElement(node)) { return !isBlockElement(blockElements, node) && !Bookmarks.isBookmarkNode(node); } else { return false; } }; const hasBlockParent = function (blockElements, root, node) { return Arr.exists(Parents.parents(Element.fromDom(node), Element.fromDom(root)), function (elm) { return isBlockElement(blockElements, elm.dom()); }); }; // const is const shouldRemoveTextNode = (blockElements, node) => { if (NodeType.isText(node)) { if (node.nodeValue.length === 0) { return true; } else if (/^\s+$/.test(node.nodeValue) && (!node.nextSibling || isBlockElement(blockElements, node.nextSibling))) { return true; } } return false; }; const addRootBlocks = function (editor) { const settings = editor.settings, dom = editor.dom, selection = editor.selection; const schema = editor.schema, blockElements = schema.getBlockElements(); let node = selection.getStart(); const rootNode = editor.getBody(); let rng; let startContainer, startOffset, endContainer, endOffset, rootBlockNode; let tempNode, wrapped, restoreSelection; let rootNodeName, forcedRootBlock; forcedRootBlock = settings.forced_root_block; if (!node || !NodeType.isElement(node) || !forcedRootBlock) { return; } rootNodeName = rootNode.nodeName.toLowerCase(); if (!schema.isValidChild(rootNodeName, forcedRootBlock.toLowerCase()) || hasBlockParent(blockElements, rootNode, node)) { return; } // Get current selection rng = selection.getRng(); startContainer = rng.startContainer; startOffset = rng.startOffset; endContainer = rng.endContainer; endOffset = rng.endOffset; restoreSelection = EditorFocus.hasFocus(editor); // Wrap non block elements and text nodes node = rootNode.firstChild; while (node) { if (isValidTarget(blockElements, node)) { // Remove empty text nodes and nodes containing only whitespace if (shouldRemoveTextNode(blockElements, node)) { tempNode = node; node = node.nextSibling; dom.remove(tempNode); continue; } if (!rootBlockNode) { rootBlockNode = dom.create(forcedRootBlock, editor.settings.forced_root_block_attrs); node.parentNode.insertBefore(rootBlockNode, node); wrapped = true; } tempNode = node; node = node.nextSibling; rootBlockNode.appendChild(tempNode); } else { rootBlockNode = null; node = node.nextSibling; } } if (wrapped && restoreSelection) { rng.setStart(startContainer, startOffset); rng.setEnd(endContainer, endOffset); selection.setRng(rng); editor.nodeChanged(); } }; const setup = function (editor) { if (editor.settings.forced_root_block) { editor.on('NodeChange', Fun.curry(addRootBlocks, editor)); } }; export default { setup };