@innovastudio/contentbuilder 1.5.210 → 1.5.212

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbuilder",
   "type": "module",
-  "version": "1.5.210",
+  "version": "1.5.212",
   "description": "",
   "main": "public/contentbuilder/contentbuilder.esm.js",
   "types": "index.d.ts",

package/public/contentbuilder/contentbuilder.esm.js

@@ -1252,7 +1252,7 @@ const renderQuickAdd = builder => {
     let elm = quickadd.querySelector('.add-paragraph');
     dom.addEventListener(elm, 'click', () => {
       const mode = quickadd.getAttribute('data-mode');
-      const html = `<p>${util.out(`Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.${''}`)}</p>`;
+      const html = `<p>${util.out(`Lorem Ipsum is simply dummy text of the printing and typesetting industry. It is a piece of classical Latin text that has long been used to demonstrate the visual form of a document without relying on meaningful content.${''}`)}</p>`;
       util.addContent(html, mode);
     });
     elm = quickadd.querySelector('.add-headline');
@@ -5598,8 +5598,8 @@ class Util {
     }
     let editingInsidePlugin = false;
     let elm = this.builder.activeElement;
-    const plugin = elm.closest('[data-cb-type]');
-    const subblock = elm.closest('.is-subblock');
+    const plugin = elm && elm.closest('[data-cb-type]');
+    const subblock = elm && elm.closest('.is-subblock');
     if (plugin && subblock) {
       editingInsidePlugin = true;
     }
@@ -7324,11 +7324,14 @@ class Dom {
   addClass(element, classname) {
     if (!element) return;
     if (this.hasClass(element, classname)) return;
-    if (element.classList.length === 0) element.className = classname;else element.className = element.className + ' ' + classname;
-    element.className = element.className.replace(/  +/g, ' ');
-    //else element.classList.add(classname); //error if there is -
+    try {
+      if (element.classList.length === 0) element.className = classname;else element.className = element.className + ' ' + classname;
+      element.className = element.className.replace(/  +/g, ' ');
+      //else element.classList.add(classname); //error if there is -
+    } catch (e) {
+      // Do Nothing
+    }
   }
-
   removeClass(element, classname) {
     if (!element) return;
     if (element.classList.length > 0) {
@@ -14870,6 +14873,9 @@ class HtmlUtil {
   readHtml(content, view, multiple, excludeCustomBlock) {
     //view = true (hide internal attributes). view = false (actual html)
 
+    const _fx = this.builder.win && (this.builder.win.fx || this.builder.win.builderRuntime && this.builder.win.builderRuntime.fx) || null;
+    const _cleanFx = !!(_fx && content && content.isConnected);
+    if (_cleanFx && _fx.beginSerialize) _fx.beginSerialize();
     const dom = this.builder.dom;
 
     //Make absolute
@@ -14901,6 +14907,7 @@ class HtmlUtil {
     // let tmp = builderStuff.querySelector('#tmp_content');
     let tmp = document.createElement('div');
     tmp.innerHTML = content.innerHTML;
+    if (_cleanFx && _fx.endSerialize) _fx.endSerialize();
 
     //Find subblocks (previously is-builder) in custom code blocks and save them to data-html-1, data-html-2, and so on.
     let blocks = tmp.querySelectorAll('[data-html]');
@@ -51539,7 +51546,9 @@ class SettingsUIGenerator {
     const label = document.createElement('label');
     label.className = 'label';
     label.style.fontWeight = 500;
-    const labelText = document.createTextNode((config.label || name) + ':');
+
+    // const labelText = document.createTextNode((config.label || name) + ':');
+    const labelText = document.createTextNode(config.label || name);
     label.appendChild(labelText);
     const select = document.createElement('select');
     select.name = name;
@@ -99486,26 +99495,18 @@ Please obtain a license at: https://innovastudio.com/contentbox`);
       }
       if (!bPasteObject) {
         if (this.opts.paste === 'text') {
-          /*
-          let elms = contentword.querySelectorAll('p,h1,h2,h3,h4,h5,h6');
-          Array.prototype.forEach.call(elms, (elm) => {
-              elm.innerHTML = elm.innerHTML + ' '; //add space (&nbsp;)
-          });
-           // sPastedText = contentword.innerText;
-          sPastedText = contentword.innerHTML;
-          sPastedText = sPastedText.replace(/(<([^>]+)>)/ig,'<br>');
-          sPastedText = sPastedText.replace(/(<br\s*\/?>){3,}/gi, '<br>');
-          if(sPastedText.indexOf('<br>')===0) {
-              sPastedText = sPastedText.substring(4);
-          }
-          if(sPastedText.substring(sPastedText.length-4)==='<br>'){
-              sPastedText = sPastedText.substring(0, sPastedText.length-4);
-          }
-          sPastedText = sPastedText.trim();
-          */
-
           sPastedText = clipboardData;
           // sPastedText = sPastedText.replace(/(?:\r\n|\r|\n)/g, '<br>');
+
+          // 1. Escape HTML special chars so plain text isn't parsed as markup
+          sPastedText = sPastedText.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+
+          // 2. Normalize line endings
+          sPastedText = sPastedText.replace(/\r\n|\r/g, '\n');
+
+          // 3. Blank lines separate paragraphs; single newlines become
+          // soft <br> breaks within each paragraph
+          sPastedText = sPastedText.split(/\n{2,}/).map(block => block.trim()).filter(block => block !== '').map(block => '<p>' + block.replace(/\n/g, '<br>') + '</p>').join('');
         } else {
           sPastedText = contentword.innerHTML;
           if (this.opts.paste === 'html') {