@aeriz/wysiwyg 1.0.1 → 1.0.2

package/README.md

@@ -21,7 +21,7 @@
 <script src="https://cdn.jsdelivr.net/npm/@aeriz/wysiwyg@0.0.1/dist/aeriz-wysiwyg.min.js"></script>
 
 <!-- 1.x 트랙 — 패치만 자동 수신 -->
-<script src="https://cdn.jsdelivr.net/npm/@aeriz/wysiwyg@^1.0.1/dist/aeriz-wysiwyg.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@aeriz/wysiwyg@^1.0.2/dist/aeriz-wysiwyg.min.js"></script>
 
 <!-- 항상 최신 — 프로토타이핑용 (프로덕션 권장 X) -->
 <script src="https://cdn.jsdelivr.net/npm/@aeriz/wysiwyg@latest/dist/aeriz-wysiwyg.min.js"></script>

package/dist/aeriz-wysiwyg.esm.js

@@ -3859,12 +3859,32 @@ function applyBlockInlineStyles(root, theme = {}) {
 function mergeInlineStyle(el, portable) {
   const existing = (el.getAttribute("style") ?? "").trim();
   if (!existing) {
-    el.setAttribute("style", portable);
+    const trimmed = portable.replace(/;\s*$/, "").trim();
+    if (trimmed) el.setAttribute("style", trimmed);
     return;
   }
-  const p = portable.replace(/;\s*$/, "");
-  const u = existing.replace(/;\s*$/, "");
-  el.setAttribute("style", `${p};${u}`);
+  const userDecls = parseStyleDeclarations(existing);
+  const userProps = new Set(userDecls.map((d) => d.prop));
+  const portableDecls = parseStyleDeclarations(portable).filter(
+    (d) => !userProps.has(d.prop)
+  );
+  const merged = [...portableDecls, ...userDecls].map((d) => `${d.prop}:${d.value}`).join(";");
+  if (merged) el.setAttribute("style", merged);
+  else el.removeAttribute("style");
+}
+function parseStyleDeclarations(s) {
+  const out = [];
+  for (const part of s.split(";")) {
+    const trimmed = part.trim();
+    if (!trimmed) continue;
+    const idx = trimmed.indexOf(":");
+    if (idx <= 0) continue;
+    const prop = trimmed.slice(0, idx).trim().toLowerCase();
+    const value = trimmed.slice(idx + 1).trim();
+    if (!prop || !value) continue;
+    out.push({ prop, value });
+  }
+  return out;
 }
 function stripEditorOnlyAttrs(root) {
   for (const el of Array.from(root.querySelectorAll("[data-block-kind]"))) {