react-email-studio 3.8.0 → 3.8.1

package/dist/index.cjs

@@ -906,7 +906,7 @@ function videoUrlToEmbedSrc(url) {
   if (vi) return `https://player.vimeo.com/video/${vi[1]}`;
   return url;
 }
-var EMPTY_RICH_HTML = "<p></p>";
+var EMPTY_RICH_HTML = "";
 function unwrapAllDivElements(container) {
   let el;
   while (el = container.querySelector("div")) {
@@ -1212,13 +1212,15 @@ function blockToHtml(cb) {
     case "text": {
       const shell = emailSurfaceBgCss(p);
       const inner = `font-size:${lenPx(p.fontSize)};color:${p.color};text-align:${p.align};font-weight:${p.fontWeight || 400};font-style:${p.italic ? "italic" : "normal"};text-decoration:${p.underline ? "underline" : "none"};line-height:${lh(p.lineHeight)};letter-spacing:${lenPx(p.letterSpacing)};font-family:${p.fontFamily || "Georgia,serif"}`;
-      return `<div style="${pd(p.padding)};${marginCss()}${shell}"><div style="${inner}">${p.content}</div></div>`;
+      const content = typeof p.content === "string" ? p.content : "";
+      const body = /^\s*<[^>]+>/.test(content) ? content : escHtml(content).replace(/\r?\n/g, "<br/>");
+      return `<div style="${pd(p.padding)};${marginCss()}${shell}"><div style="${inner}">${body}</div></div>`;
     }
     case "html": {
       const shell = emailSurfaceBgCss(p);
       const inner = `font-size:${lenPx(p.fontSize)};color:${p.color};text-align:${p.align};line-height:${lh(p.lineHeight)};letter-spacing:${lenPx(p.letterSpacing)};font-family:${p.fontFamily || "Georgia,serif"}`;
       const bodyRaw = typeof cb.content === "string" ? cb.content : typeof p.content === "string" ? p.content : "";
-      const body = enhanceRichHtmlForEmail(bodyRaw || "<p></p>");
+      const body = enhanceRichHtmlForEmail(bodyRaw || "");
       return `<div style="${pd(p.padding)};${marginCss()}${shell}"><div class="email-rich-html-inner" style="${inner}">${body}</div></div>`;
     }
     case "image": {
@@ -3074,7 +3076,7 @@ function ContentBlock({ block, selected, onClick, preview, C }) {
               wordBreak: "break-word",
               minHeight: emptyRich && !preview ? "2.75em" : void 0
             },
-            dangerouslySetInnerHTML: { __html: richHtml || "<p></p>" }
+            dangerouslySetInnerHTML: { __html: richHtml || "" }
           }
         ),
         emptyRich && !preview ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
@@ -5938,10 +5940,10 @@ function ContentBlockEditor({ block, onChange, onClose, onUpload, C }) {
           "textarea",
           {
             style: { ...IS, minHeight: 200, resize: "vertical", fontFamily: "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace", fontSize: 12, lineHeight: 1.45 },
-            value: normalizeRichHtmlForStorage(p.content),
-            onChange: (e) => set("content", normalizeRichHtmlForStorage(e.target.value)),
+            value: String(p.content ?? ""),
+            onChange: (e) => set("content", e.target.value),
             spellCheck: false,
-            placeholder: "e.g. <p>Your message</p>"
+            placeholder: "Write your text\u2026"
           },
           block.id
         ) }),