leksy-editor 2.3.1 → 2.4.0

package/constant.js

@@ -1,5 +1,43 @@
 const WHILE_LISTED_TAG = "br|p|div|pre|blockquote|h|h1|h2|h3|h4|h5|h6|ol|ul|li|hr|figure|figcaption|img|iframe|audio|video|source|table|thead|tbody|tr|th|td|a|b|strong|var|i|em|u|ins|s|span|strike|del|sub|sup|code|svg|path|details|summary|font|article|section|main|header|footer|aside|mark|cite|abbr|dfn|nav|caption|picture|dl|dt|dd|time|label|kbd|samp|wbr";
 const WHILE_LISTED_ATTRIBUTES = "align|alt|bgcolor|border|cellpadding|cellspacing|color|colspan|contenteditable|dir|download|face|height|href|lang|name|rowspan|size|src|style|target|title|valign|width|background|media|sizes|srcset|spellcheck";
+const BLOCKED_STYLES = [
+    "position",
+    "inset",
+    "top",
+    "right",
+    "bottom",
+    "left",
+    "z-index",
+    "float",
+    "clear",
+    "overflow",
+    "overflow-x",
+    "overflow-y",
+    "transform",
+    "transform-origin",
+    "perspective",
+    "transition",
+    "transition-property",
+    "transition-duration",
+    "transition-timing-function",
+    "transition-delay",
+    "animation",
+    "animation-name",
+    "animation-duration",
+    "animation-timing-function",
+    "animation-delay",
+    "animation-iteration-count",
+    "animation-direction",
+    "animation-fill-mode",
+    "animation-play-state",
+    "flex-basis",
+    "flex-grow",
+    "flex-shrink",
+    "order",
+    "place-self",
+    "grid-column",
+    "grid-row",
+].join("|")
 
 const REGEX = {
     TEXT_URL: /(https?:\/\/[^\s]+|www\.[^\s]+)$/i,
@@ -10,6 +48,7 @@ const REGEX = {
     MOBILE: /^\+?[0-9\s()-]+$/,
     WHILE_LISTED_TAG: new RegExp('^(' + WHILE_LISTED_TAG.replace(/\|/g, '\\b|\\b') + ')$', 'i'),
     WHILE_LISTED_ATTRIBUTES: new RegExp('^(' + WHILE_LISTED_ATTRIBUTES.replace(/\|/g, '\\b|\\b') + ')$', 'i'),
+    BLOCKED_STYLES: new RegExp('^(' + BLOCKED_STYLES.replace(/\|/g, '\\b|\\b') + ')$', 'i'),
 }
 
 const ERRORS = {
@@ -923,4 +962,4 @@ export {
     UNORDERED_LIST_STYLES_BY_LEVEL,
     UNORDERED_LIST_OPTIONS,
     ORDERED_LIST_OPTIONS,
-}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "leksy-editor",
-  "version": "2.3.1",
+  "version": "2.4.0",
   "description": "Leksy Editor is an alternative to traditional WYSIWYG editors, designed primarily for creating mail templates, blogs, and documents without any content manipulation.",
   "main": "index.js",
   "directories": {
@@ -21,6 +21,6 @@
   "license": "MIT",
   "dependencies": {
     "diff-dom": "5.2.0",
-    "uuid": "13.0.0"
+    "uuid": "13.0.2"
   }
 }

package/utilities.js

@@ -6,6 +6,21 @@ import { findTab } from "./tab";
 
 const dd = new DiffDOM();
 
+const removeBlockedStyles = (node) => {
+    if (!node?.style) return;
+    const styleProperties = Array.from(node.style);
+
+    styleProperties.forEach((propertyName) => {
+        if (REGEX.BLOCKED_STYLES.test(propertyName)) {
+            node.style.removeProperty(propertyName);
+        }
+    });
+
+    if (!node.getAttribute('style')?.trim()) {
+        node.removeAttribute('style');
+    }
+}
+
 const traverseAndClean = (element, options, core) => {
     if (!element?.childNodes) return;
 
@@ -51,6 +66,7 @@ const traverseAndClean = (element, options, core) => {
                     node.style.removeProperty('background-color');
                     node.style.removeProperty('color');
                 }
+                removeBlockedStyles(node);
                 attributesToRemove.forEach(attr => node.removeAttribute(attr));
 
                 // Process child nodes
@@ -4070,4 +4086,4 @@ export {
     highlightActiveOutline,
     findAndReplace,
     handleBackspaceInList,
-}
+}