@contentful/field-editor-rich-text 3.4.9 → 3.4.10

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.4.10](https://github.com/contentful/field-editors/compare/@contentful/field-editor-rich-text@3.4.9...@contentful/field-editor-rich-text@3.4.10) (2023-03-09)
+
+### Bug Fixes
+
+- **RTE:** remove whitespaces only in tables and lists [TOL-104] ([#1362](https://github.com/contentful/field-editors/issues/1362)) ([8b106c8](https://github.com/contentful/field-editors/commit/8b106c8eb08d79cb6c5ae8353d5a1fcf7afab1cf))
+
 ## [3.4.9](https://github.com/contentful/field-editors/compare/@contentful/field-editor-rich-text@3.4.8...@contentful/field-editor-rich-text@3.4.9) (2023-03-03)
 
 ### Bug Fixes

package/dist/field-editor-rich-text.cjs.development.js

@@ -6174,15 +6174,43 @@ var stripStyleTags = function stripStyleTags(doc) {
   });
   return doc;
 };
+/**
+ * Remove all <meta /> tags
+ */
+
+
+var stripMetaTags = function stripMetaTags(doc) {
+  doc.querySelectorAll('meta').forEach(function (el) {
+    return el.remove();
+  });
+  return doc;
+}; // Attention: Order is important
+
 
-var transformers = [stripStyleTags, sanitizeSheets];
+var transformers = [stripStyleTags, sanitizeSheets, stripMetaTags];
 var sanitizeHTML = function sanitizeHTML(html) {
   // Parse the HTML string and pipe it through our transformers
   var doc = transformers.reduce(function (value, cb) {
     return cb(value);
   }, new DOMParser().parseFromString(html, 'text/html'));
-  return doc.body.innerHTML.replace(/>\s+</g, '><') // Remove whitespace between tags
-  .replace(/(.*)<div.*>(<table.*<\/table>)<\/div>(.*)/g, '$1$2$3'); // remove div containers from tables
+  var previous;
+
+  do {
+    // save previous first before doing modifications
+    previous = doc.body.innerHTML; // Update the body with the cleaned up content
+
+    doc.body.innerHTML = doc.body.innerHTML // remove div container from tables
+    // capture groups explained:
+    // 1. and 3. every content/linebreaks before and after the div container
+    // 2. the table inside the container, including content and linebreaks
+    // The div container including attributes and possible linebreaks inside wil be removed
+    .replace(/(.*\s)?<div.*>\s*(<table(?:.|\s)*<\/table>)\s*<\/div>(.*\s)?/g, '$1$2$3') // remove whitespaces between some tags, as this can lead to unwanted behaviour:
+    // - table -> empty table cells
+    // - list -> leading whitespaces
+    .replace(/<(\/)?(table|thead|tbody|tr|td|th|caption|col|colgroup|ol|ul|li)(.*)>\s+</g, '<$1$2$3><');
+  } while (doc.body.innerHTML !== previous);
+
+  return doc.body.innerHTML;
 };
 
 /**