@seafile/sea-email-editor 0.0.10-beta → 0.0.10-beta1

package/dist/editor/main/index.css

@@ -12,6 +12,7 @@
   flex: 1;
   width: 100%;
   padding: 10px;
+  overflow-y: scroll;
 }
 
 .sea-email-editor .sea-email-editor-content *:first-child {

package/dist/slate-convert/html-to-slate/index.js

@@ -10,7 +10,7 @@ var _typeOf = _interopRequireDefault(require("type-of"));
 var _constants = require("./constants");
 var _rules = _interopRequireDefault(require("./rules"));
 var _helper = require("./helper");
-var _typeDetection = require("../../utils/type-detection");
+var _dom = require("../../utils/dom");
 const generateDefaultValue = () => {
   return [{
     id: _slugid.default.nice(),
@@ -149,13 +149,8 @@ const formatElementNodes = nodes => {
   return nodes;
 };
 const deserializeHtml = html => {
-  if ((0, _typeDetection.isNumber)(html)) {
-    html = String(html);
-  }
-  if (typeof html !== 'string') return generateDefaultValue();
-  const parsed = new DOMParser().parseFromString(html.replace('\n', '').replace('  ', ''), 'text/html');
-  const fragment = parsed.body;
-  fragment.querySelectorAll('style, title').forEach(el => el.remove());
+  const fragment = (0, _dom.sanitizeHTMLContent)(html);
+  if (!fragment) return generateDefaultValue();
   const children = Array.from(fragment.childNodes);
   let nodes = [];
   nodes = deserializeElements(children, true);

package/dist/slate-convert/html-to-slate/rules/paragraph.js

@@ -13,6 +13,7 @@ const paragraphRule = (element, parseChild) => {
     nodeName,
     childNodes
   } = element;
+  // article
   if ((nodeName === 'DIV' || nodeName === 'ARTICLE') && element.parentElement.nodeName !== 'LI') {
     if (childNodes.length === 0) {
       const node = {
@@ -25,10 +26,14 @@ const paragraphRule = (element, parseChild) => {
       };
       return (0, _helper.mergeElementOther2SlateNode)(element, node);
     }
+    const children = parseChild(childNodes);
     const node = {
       id: _slugid.default.nice(),
       type: _constants.PARAGRAPH,
-      children: parseChild(childNodes)
+      children: children.length === 0 ? [{
+        id: _slugid.default.nice(),
+        text: ''
+      }] : children
     };
     return (0, _helper.mergeElementOther2SlateNode)(element, node);
   }

package/dist/utils/dom.js

@@ -8,7 +8,8 @@ exports.getTarget = exports.getEventClassName = exports.getDataAttr = exports.ca
 exports.hasClass = hasClass;
 exports.isNearBottom = exports.isInputOrEditorActive = void 0;
 exports.removeClass = removeClass;
-exports.removeClassName = void 0;
+exports.sanitizeHTMLContent = exports.removeClassName = void 0;
+var _typeDetection = require("./type-detection");
 const canUseDOM = exports.canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
 const getEventClassName = e => {
   // svg mouseEvent event.target.className is an object
@@ -130,4 +131,28 @@ const isNearBottom = function (element) {
   const distanceToBottom = scrollHeight - (scrollTop + clientHeight);
   return distanceToBottom <= threshold;
 };
-exports.isNearBottom = isNearBottom;
+exports.isNearBottom = isNearBottom;
+const removeCommentNodes = node => {
+  for (let i = node.childNodes.length - 1; i >= 0; i--) {
+    const child = node.childNodes[i];
+    if (child.nodeType === Node.COMMENT_NODE) {
+      node.removeChild(child);
+    } else if (child.nodeType === Node.ELEMENT_NODE) {
+      removeCommentNodes(child);
+    }
+  }
+};
+const sanitizeHTMLContent = function () {
+  let html = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  if ((0, _typeDetection.isNumber)(html)) {
+    html = String(html);
+  }
+  if (!(0, _typeDetection.isString)(html)) return null;
+  const sanitizedHTML = html.replace(/<!--([\s\S]*?)-->/g, '').replace(/<style\b[^>]*>[\s\S]*?<\/style>/gi, '').replace(/<title\b[^>]*>[\s\S]*?<\/title>/gi, '').replace(/<script\b[^>]*>[\s\S]*?<\/script>/gi, '').replace(/\s*[\n\t]\s*/g, '');
+  const parsed = new DOMParser().parseFromString(sanitizedHTML, 'text/html');
+  const body = parsed.body;
+  body.querySelectorAll('style, title, script').forEach(el => el.remove());
+  removeCommentNodes(body);
+  return body;
+};
+exports.sanitizeHTMLContent = sanitizeHTMLContent;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sea-email-editor",
-  "version": "0.0.10-beta",
+  "version": "0.0.10-beta1",
   "description": "A Slate-based rich email editor with HTML, markdown, tables, images, links, and block plugins.",
   "main": "dist/index.js",
   "dependencies": {