@scrider/formatter 1.4.3 → 1.5.0

package/dist/index.d.cts

@@ -1296,6 +1296,8 @@ declare function cloneDelta(delta: Delta): Delta;
 declare const SCRIDER_LINE_HEIGHT_KEY = "scrider-line-height";
 /** Space after plain paragraph (`margin-bottom`) on `\n` (Settings Apply). */
 declare const SCRIDER_MARGIN_AFTER_KEY = "scrider-margin-after";
+/** Space before plain paragraph (`margin-top`) on `\n` (Settings Apply). */
+declare const SCRIDER_MARGIN_BEFORE_KEY = "scrider-margin-before";
 /** Block tags that receive line spacing (not headings). */
 declare const LINE_HEIGHT_BLOCK_TAGS: Set<string>;
 /** Block tags that receive paragraph spacing after (plain `<p>` only). */
@@ -1310,19 +1312,33 @@ declare function parseScriderLineHeightMultiplier(value: string): number | undef
  */
 declare function blockLineHeightStyleParts(tag: string, blockAttributes: AttributeMap | undefined, resolved: ResolvedDocumentPresentation | undefined): string[];
 /**
- * Parse `margin-bottom` in em from Delta / inline CSS (`0.5em`, `0.5`).
+ * Parse paragraph margin in em from Delta / inline CSS (`0.5em`, `0.5`).
  */
-declare function parseScriderMarginAfterEm(value: string): number | undefined;
+declare function parseScriderMarginEm(value: string): number | undefined;
+/** Same parser as {@link parseScriderMarginEm} for margin-after values. */
+declare const parseScriderMarginAfterEm: typeof parseScriderMarginEm;
+/** Same parser as {@link parseScriderMarginEm} for margin-before values. */
+declare const parseScriderMarginBeforeEm: typeof parseScriderMarginEm;
+/**
+ * Paragraph spacing before/after on plain `<p>`: block attrs → documentPresentation → none.
+ * When only after is set, adds `margin-top:0` for Word paste compatibility.
+ */
+declare function blockParagraphMarginStyleParts(tag: string, blockAttributes: AttributeMap | undefined, resolved: ResolvedDocumentPresentation | undefined): string[];
 /**
  * Paragraph spacing after: `scrider-margin-after` on the line → documentPresentation → none.
  */
 declare function blockMarginAfterStyleParts(tag: string, blockAttributes: AttributeMap | undefined, resolved: ResolvedDocumentPresentation | undefined): string[];
+/**
+ * Paragraph spacing before: `scrider-margin-before` on the line → documentPresentation → none.
+ */
+declare function blockMarginBeforeStyleParts(tag: string, blockAttributes: AttributeMap | undefined, resolved: ResolvedDocumentPresentation | undefined): string[];
 
 /**
  * Document-level HTML presentation for deltaToHtml (clipboard, export).
  * Mirrors editor Settings when block attrs are absent.
  * Per-block line spacing: {@link blockLineHeightStyleParts} (`scrider-line-height` on `\n`).
- * Per-block paragraph spacing: {@link blockMarginAfterStyleParts} (`scrider-margin-after` on `\n`).
+ * Per-block paragraph spacing: {@link blockParagraphMarginStyleParts}
+ * (`scrider-margin-before` / `scrider-margin-after` on `\n`).
  */
 
 interface DocumentPresentation {
@@ -1330,6 +1346,8 @@ interface DocumentPresentation {
     lineSpacing?: number;
     /** Space after plain paragraphs in em, e.g. 0.5 */
     paragraphSpacingAfterEm?: number;
+    /** Space before plain paragraphs in em, e.g. 0.5 */
+    paragraphSpacingBeforeEm?: number;
     /** First-line indent in cm on `<p>` only (lists: use listBlockIndentCm). */
     textIndentCm?: number;
     /** Extra left padding on top-level `<ul>`/`<ol>` — shifts marker + text as a block. */
@@ -1338,6 +1356,7 @@ interface DocumentPresentation {
 interface ResolvedDocumentPresentation {
     lineSpacing: number | undefined;
     paragraphSpacingAfterEm: number | undefined;
+    paragraphSpacingBeforeEm: number | undefined;
     textIndentCm: number | undefined;
     listBlockIndentCm: number | undefined;
 }
@@ -1925,4 +1944,4 @@ declare function isTableNewlineOp(op: Op | undefined): boolean;
  */
 declare function extractTableRegion(ops: readonly Op[], hintOpIdx: number): TableRegion | null;
 
-export { ALERT_TYPES, type AlertBlockData, type AlertType, type AlignType, BOX_FLOAT_VALUES, BOX_OVERFLOW_VALUES, type BlockContext, type BlockHandler, BlockHandlerRegistry, type BlockRenderOptions, type BoxBlockData, type BoxFloat, type BoxOpAttributes, type BoxOverflow, BrowserDOMAdapter, type CellAlign, type CellData, type ColumnsBlockData, type DOMAdapter, type DOMDocument, type DOMDocumentFragment, type DOMElement, type DOMNode, type DOMNodeList, type DeltaToHtmlOptions, type DeltaToMarkdownOptions, type DocumentPresentation, type FootnotesBlockData, type Format, type FormatDefinition, type FormatMatchResult, type FormatScope, type HtmlToDeltaOptions, LINE_HEIGHT_BLOCK_TAGS, type ListType, type MarkdownToDeltaOptions, NODE_TYPE, NodeDOMAdapter, PARAGRAPH_SPACING_BLOCK_TAGS, Registry, type ResolvedDocumentPresentation, type ResolvedTablePresentation, SCRIDER_LINE_HEIGHT_KEY, SCRIDER_MARGIN_AFTER_KEY, type SanitizeOptions, type TableBlockData, type TableCellAlign, type TableColAlignType, type TablePresentation, type TableRegion, alertBlockHandler, alignFormat, backgroundFormat, blockFormat, blockLineHeightStyleParts, blockMarginAfterStyleParts, blockPresentationStyleParts, blockquoteFormat, boldFormat, boxBlockHandler, browserAdapter, cloneDelta, codeBlockFormat, codeFormat, colorFormat, columnsBlockHandler, createDefaultBlockHandlers, createDefaultRegistry, defaultBlockFormats, defaultEmbedFormats, defaultFormats, defaultInlineFormats, deltaToHtml, deltaToMarkdown, dividerFormat, documentPresentationStyleParts, escapeHtml, extractBoxOpAttributes, extractTableRegion, fontFormat, footnoteRefFormat, footnotesBlockHandler, formulaFormat, getAdapter, getNamedColors, headerFormat, headerIdFormat, htmlToDelta, imageFormat, indentFormat, isAdapterAvailable, isElement, isRemarkAvailable, isTableNewlineOp, isTextNode, isValidColor, isValidHexColor, isZebraBodyRow, italicFormat, kbdFormat, linkFormat, listFormat, markFormat, markdownToDelta, markdownToDeltaSync, nodeAdapter, normalizeDelta, parseScriderLineHeightMultiplier, parseScriderMarginAfterEm, preloadRemark, resolveDocumentPresentation, resolveTablePresentation, sanitizeDelta, sizeFormat, slugify, slugifyWithDedup, softBreakFormat, strikeFormat, subscriptFormat, superscriptFormat, tableBlockHandler, tableColAlignFormat, tableColFormat, tableHeaderFormat, tableRowFormat, toHexColor, underlineFormat, unescapeHtml, validateDelta, videoFormat };
+export { ALERT_TYPES, type AlertBlockData, type AlertType, type AlignType, BOX_FLOAT_VALUES, BOX_OVERFLOW_VALUES, type BlockContext, type BlockHandler, BlockHandlerRegistry, type BlockRenderOptions, type BoxBlockData, type BoxFloat, type BoxOpAttributes, type BoxOverflow, BrowserDOMAdapter, type CellAlign, type CellData, type ColumnsBlockData, type DOMAdapter, type DOMDocument, type DOMDocumentFragment, type DOMElement, type DOMNode, type DOMNodeList, type DeltaToHtmlOptions, type DeltaToMarkdownOptions, type DocumentPresentation, type FootnotesBlockData, type Format, type FormatDefinition, type FormatMatchResult, type FormatScope, type HtmlToDeltaOptions, LINE_HEIGHT_BLOCK_TAGS, type ListType, type MarkdownToDeltaOptions, NODE_TYPE, NodeDOMAdapter, PARAGRAPH_SPACING_BLOCK_TAGS, Registry, type ResolvedDocumentPresentation, type ResolvedTablePresentation, SCRIDER_LINE_HEIGHT_KEY, SCRIDER_MARGIN_AFTER_KEY, SCRIDER_MARGIN_BEFORE_KEY, type SanitizeOptions, type TableBlockData, type TableCellAlign, type TableColAlignType, type TablePresentation, type TableRegion, alertBlockHandler, alignFormat, backgroundFormat, blockFormat, blockLineHeightStyleParts, blockMarginAfterStyleParts, blockMarginBeforeStyleParts, blockParagraphMarginStyleParts, blockPresentationStyleParts, blockquoteFormat, boldFormat, boxBlockHandler, browserAdapter, cloneDelta, codeBlockFormat, codeFormat, colorFormat, columnsBlockHandler, createDefaultBlockHandlers, createDefaultRegistry, defaultBlockFormats, defaultEmbedFormats, defaultFormats, defaultInlineFormats, deltaToHtml, deltaToMarkdown, dividerFormat, documentPresentationStyleParts, escapeHtml, extractBoxOpAttributes, extractTableRegion, fontFormat, footnoteRefFormat, footnotesBlockHandler, formulaFormat, getAdapter, getNamedColors, headerFormat, headerIdFormat, htmlToDelta, imageFormat, indentFormat, isAdapterAvailable, isElement, isRemarkAvailable, isTableNewlineOp, isTextNode, isValidColor, isValidHexColor, isZebraBodyRow, italicFormat, kbdFormat, linkFormat, listFormat, markFormat, markdownToDelta, markdownToDeltaSync, nodeAdapter, normalizeDelta, parseScriderLineHeightMultiplier, parseScriderMarginAfterEm, parseScriderMarginBeforeEm, parseScriderMarginEm, preloadRemark, resolveDocumentPresentation, resolveTablePresentation, sanitizeDelta, sizeFormat, slugify, slugifyWithDedup, softBreakFormat, strikeFormat, subscriptFormat, superscriptFormat, tableBlockHandler, tableColAlignFormat, tableColFormat, tableHeaderFormat, tableRowFormat, toHexColor, underlineFormat, unescapeHtml, validateDelta, videoFormat };

package/dist/index.d.ts

@@ -1296,6 +1296,8 @@ declare function cloneDelta(delta: Delta): Delta;
 declare const SCRIDER_LINE_HEIGHT_KEY = "scrider-line-height";
 /** Space after plain paragraph (`margin-bottom`) on `\n` (Settings Apply). */
 declare const SCRIDER_MARGIN_AFTER_KEY = "scrider-margin-after";
+/** Space before plain paragraph (`margin-top`) on `\n` (Settings Apply). */
+declare const SCRIDER_MARGIN_BEFORE_KEY = "scrider-margin-before";
 /** Block tags that receive line spacing (not headings). */
 declare const LINE_HEIGHT_BLOCK_TAGS: Set<string>;
 /** Block tags that receive paragraph spacing after (plain `<p>` only). */
@@ -1310,19 +1312,33 @@ declare function parseScriderLineHeightMultiplier(value: string): number | undef
  */
 declare function blockLineHeightStyleParts(tag: string, blockAttributes: AttributeMap | undefined, resolved: ResolvedDocumentPresentation | undefined): string[];
 /**
- * Parse `margin-bottom` in em from Delta / inline CSS (`0.5em`, `0.5`).
+ * Parse paragraph margin in em from Delta / inline CSS (`0.5em`, `0.5`).
  */
-declare function parseScriderMarginAfterEm(value: string): number | undefined;
+declare function parseScriderMarginEm(value: string): number | undefined;
+/** Same parser as {@link parseScriderMarginEm} for margin-after values. */
+declare const parseScriderMarginAfterEm: typeof parseScriderMarginEm;
+/** Same parser as {@link parseScriderMarginEm} for margin-before values. */
+declare const parseScriderMarginBeforeEm: typeof parseScriderMarginEm;
+/**
+ * Paragraph spacing before/after on plain `<p>`: block attrs → documentPresentation → none.
+ * When only after is set, adds `margin-top:0` for Word paste compatibility.
+ */
+declare function blockParagraphMarginStyleParts(tag: string, blockAttributes: AttributeMap | undefined, resolved: ResolvedDocumentPresentation | undefined): string[];
 /**
  * Paragraph spacing after: `scrider-margin-after` on the line → documentPresentation → none.
  */
 declare function blockMarginAfterStyleParts(tag: string, blockAttributes: AttributeMap | undefined, resolved: ResolvedDocumentPresentation | undefined): string[];
+/**
+ * Paragraph spacing before: `scrider-margin-before` on the line → documentPresentation → none.
+ */
+declare function blockMarginBeforeStyleParts(tag: string, blockAttributes: AttributeMap | undefined, resolved: ResolvedDocumentPresentation | undefined): string[];
 
 /**
  * Document-level HTML presentation for deltaToHtml (clipboard, export).
  * Mirrors editor Settings when block attrs are absent.
  * Per-block line spacing: {@link blockLineHeightStyleParts} (`scrider-line-height` on `\n`).
- * Per-block paragraph spacing: {@link blockMarginAfterStyleParts} (`scrider-margin-after` on `\n`).
+ * Per-block paragraph spacing: {@link blockParagraphMarginStyleParts}
+ * (`scrider-margin-before` / `scrider-margin-after` on `\n`).
  */
 
 interface DocumentPresentation {
@@ -1330,6 +1346,8 @@ interface DocumentPresentation {
     lineSpacing?: number;
     /** Space after plain paragraphs in em, e.g. 0.5 */
     paragraphSpacingAfterEm?: number;
+    /** Space before plain paragraphs in em, e.g. 0.5 */
+    paragraphSpacingBeforeEm?: number;
     /** First-line indent in cm on `<p>` only (lists: use listBlockIndentCm). */
     textIndentCm?: number;
     /** Extra left padding on top-level `<ul>`/`<ol>` — shifts marker + text as a block. */
@@ -1338,6 +1356,7 @@ interface DocumentPresentation {
 interface ResolvedDocumentPresentation {
     lineSpacing: number | undefined;
     paragraphSpacingAfterEm: number | undefined;
+    paragraphSpacingBeforeEm: number | undefined;
     textIndentCm: number | undefined;
     listBlockIndentCm: number | undefined;
 }
@@ -1925,4 +1944,4 @@ declare function isTableNewlineOp(op: Op | undefined): boolean;
  */
 declare function extractTableRegion(ops: readonly Op[], hintOpIdx: number): TableRegion | null;
 
-export { ALERT_TYPES, type AlertBlockData, type AlertType, type AlignType, BOX_FLOAT_VALUES, BOX_OVERFLOW_VALUES, type BlockContext, type BlockHandler, BlockHandlerRegistry, type BlockRenderOptions, type BoxBlockData, type BoxFloat, type BoxOpAttributes, type BoxOverflow, BrowserDOMAdapter, type CellAlign, type CellData, type ColumnsBlockData, type DOMAdapter, type DOMDocument, type DOMDocumentFragment, type DOMElement, type DOMNode, type DOMNodeList, type DeltaToHtmlOptions, type DeltaToMarkdownOptions, type DocumentPresentation, type FootnotesBlockData, type Format, type FormatDefinition, type FormatMatchResult, type FormatScope, type HtmlToDeltaOptions, LINE_HEIGHT_BLOCK_TAGS, type ListType, type MarkdownToDeltaOptions, NODE_TYPE, NodeDOMAdapter, PARAGRAPH_SPACING_BLOCK_TAGS, Registry, type ResolvedDocumentPresentation, type ResolvedTablePresentation, SCRIDER_LINE_HEIGHT_KEY, SCRIDER_MARGIN_AFTER_KEY, type SanitizeOptions, type TableBlockData, type TableCellAlign, type TableColAlignType, type TablePresentation, type TableRegion, alertBlockHandler, alignFormat, backgroundFormat, blockFormat, blockLineHeightStyleParts, blockMarginAfterStyleParts, blockPresentationStyleParts, blockquoteFormat, boldFormat, boxBlockHandler, browserAdapter, cloneDelta, codeBlockFormat, codeFormat, colorFormat, columnsBlockHandler, createDefaultBlockHandlers, createDefaultRegistry, defaultBlockFormats, defaultEmbedFormats, defaultFormats, defaultInlineFormats, deltaToHtml, deltaToMarkdown, dividerFormat, documentPresentationStyleParts, escapeHtml, extractBoxOpAttributes, extractTableRegion, fontFormat, footnoteRefFormat, footnotesBlockHandler, formulaFormat, getAdapter, getNamedColors, headerFormat, headerIdFormat, htmlToDelta, imageFormat, indentFormat, isAdapterAvailable, isElement, isRemarkAvailable, isTableNewlineOp, isTextNode, isValidColor, isValidHexColor, isZebraBodyRow, italicFormat, kbdFormat, linkFormat, listFormat, markFormat, markdownToDelta, markdownToDeltaSync, nodeAdapter, normalizeDelta, parseScriderLineHeightMultiplier, parseScriderMarginAfterEm, preloadRemark, resolveDocumentPresentation, resolveTablePresentation, sanitizeDelta, sizeFormat, slugify, slugifyWithDedup, softBreakFormat, strikeFormat, subscriptFormat, superscriptFormat, tableBlockHandler, tableColAlignFormat, tableColFormat, tableHeaderFormat, tableRowFormat, toHexColor, underlineFormat, unescapeHtml, validateDelta, videoFormat };
+export { ALERT_TYPES, type AlertBlockData, type AlertType, type AlignType, BOX_FLOAT_VALUES, BOX_OVERFLOW_VALUES, type BlockContext, type BlockHandler, BlockHandlerRegistry, type BlockRenderOptions, type BoxBlockData, type BoxFloat, type BoxOpAttributes, type BoxOverflow, BrowserDOMAdapter, type CellAlign, type CellData, type ColumnsBlockData, type DOMAdapter, type DOMDocument, type DOMDocumentFragment, type DOMElement, type DOMNode, type DOMNodeList, type DeltaToHtmlOptions, type DeltaToMarkdownOptions, type DocumentPresentation, type FootnotesBlockData, type Format, type FormatDefinition, type FormatMatchResult, type FormatScope, type HtmlToDeltaOptions, LINE_HEIGHT_BLOCK_TAGS, type ListType, type MarkdownToDeltaOptions, NODE_TYPE, NodeDOMAdapter, PARAGRAPH_SPACING_BLOCK_TAGS, Registry, type ResolvedDocumentPresentation, type ResolvedTablePresentation, SCRIDER_LINE_HEIGHT_KEY, SCRIDER_MARGIN_AFTER_KEY, SCRIDER_MARGIN_BEFORE_KEY, type SanitizeOptions, type TableBlockData, type TableCellAlign, type TableColAlignType, type TablePresentation, type TableRegion, alertBlockHandler, alignFormat, backgroundFormat, blockFormat, blockLineHeightStyleParts, blockMarginAfterStyleParts, blockMarginBeforeStyleParts, blockParagraphMarginStyleParts, blockPresentationStyleParts, blockquoteFormat, boldFormat, boxBlockHandler, browserAdapter, cloneDelta, codeBlockFormat, codeFormat, colorFormat, columnsBlockHandler, createDefaultBlockHandlers, createDefaultRegistry, defaultBlockFormats, defaultEmbedFormats, defaultFormats, defaultInlineFormats, deltaToHtml, deltaToMarkdown, dividerFormat, documentPresentationStyleParts, escapeHtml, extractBoxOpAttributes, extractTableRegion, fontFormat, footnoteRefFormat, footnotesBlockHandler, formulaFormat, getAdapter, getNamedColors, headerFormat, headerIdFormat, htmlToDelta, imageFormat, indentFormat, isAdapterAvailable, isElement, isRemarkAvailable, isTableNewlineOp, isTextNode, isValidColor, isValidHexColor, isZebraBodyRow, italicFormat, kbdFormat, linkFormat, listFormat, markFormat, markdownToDelta, markdownToDeltaSync, nodeAdapter, normalizeDelta, parseScriderLineHeightMultiplier, parseScriderMarginAfterEm, parseScriderMarginBeforeEm, parseScriderMarginEm, preloadRemark, resolveDocumentPresentation, resolveTablePresentation, sanitizeDelta, sizeFormat, slugify, slugifyWithDedup, softBreakFormat, strikeFormat, subscriptFormat, superscriptFormat, tableBlockHandler, tableColAlignFormat, tableColFormat, tableHeaderFormat, tableRowFormat, toHexColor, underlineFormat, unescapeHtml, validateDelta, videoFormat };

package/dist/index.js

@@ -2496,6 +2496,7 @@ function slugifyWithDedup(text, usedSlugs) {
 // src/conversion/html/block-presentation.ts
 var SCRIDER_LINE_HEIGHT_KEY = "scrider-line-height";
 var SCRIDER_MARGIN_AFTER_KEY = "scrider-margin-after";
+var SCRIDER_MARGIN_BEFORE_KEY = "scrider-margin-before";
 var LINE_HEIGHT_BLOCK_TAGS = /* @__PURE__ */ new Set(["p", "li", "blockquote"]);
 var PARAGRAPH_SPACING_BLOCK_TAGS = /* @__PURE__ */ new Set(["p"]);
 function parseScriderLineHeightMultiplier(value) {
@@ -2526,7 +2527,7 @@ function blockLineHeightStyleParts(tag, blockAttributes, resolved) {
   }
   return [];
 }
-function parseScriderMarginAfterEm(value) {
+function parseScriderMarginEm(value) {
   const trimmed = value.trim();
   if (!trimmed) return void 0;
   const emMatch = trimmed.match(/^(-?\d+(?:\.\d+)?)\s*em$/i);
@@ -2539,20 +2540,59 @@ function parseScriderMarginAfterEm(value) {
   if (Number.isFinite(n) && n >= 0) return n;
   return void 0;
 }
-function marginAfterStyleParts(em) {
-  return [`margin-top:0`, `margin-bottom:${em}em`];
+var parseScriderMarginAfterEm = parseScriderMarginEm;
+var parseScriderMarginBeforeEm = parseScriderMarginEm;
+function resolveParagraphMarginEm(blockAttributes, blockKey, documentEm) {
+  const raw = blockAttributes?.[blockKey];
+  if (typeof raw === "string") {
+    const fromBlock = parseScriderMarginEm(raw);
+    if (fromBlock !== void 0) return fromBlock;
+  }
+  return documentEm;
 }
-function blockMarginAfterStyleParts(tag, blockAttributes, resolved) {
+function blockParagraphMarginStyleParts(tag, blockAttributes, resolved) {
   if (!PARAGRAPH_SPACING_BLOCK_TAGS.has(tag)) return [];
-  const raw = blockAttributes?.[SCRIDER_MARGIN_AFTER_KEY];
-  if (typeof raw === "string") {
-    const fromBlock = parseScriderMarginAfterEm(raw);
-    if (fromBlock !== void 0) return marginAfterStyleParts(fromBlock);
+  const marginTop = resolveParagraphMarginEm(
+    blockAttributes,
+    SCRIDER_MARGIN_BEFORE_KEY,
+    resolved?.paragraphSpacingBeforeEm
+  );
+  const marginBottom = resolveParagraphMarginEm(
+    blockAttributes,
+    SCRIDER_MARGIN_AFTER_KEY,
+    resolved?.paragraphSpacingAfterEm
+  );
+  if (marginTop === void 0 && marginBottom === void 0) return [];
+  const parts = [];
+  if (marginTop !== void 0) {
+    parts.push(`margin-top:${marginTop}em`);
+  } else if (marginBottom !== void 0) {
+    parts.push("margin-top:0");
   }
-  if (resolved?.paragraphSpacingAfterEm !== void 0) {
-    return marginAfterStyleParts(resolved.paragraphSpacingAfterEm);
+  if (marginBottom !== void 0) {
+    parts.push(`margin-bottom:${marginBottom}em`);
   }
-  return [];
+  return parts;
+}
+function blockMarginAfterStyleParts(tag, blockAttributes, resolved) {
+  if (!PARAGRAPH_SPACING_BLOCK_TAGS.has(tag)) return [];
+  const marginBottom = resolveParagraphMarginEm(
+    blockAttributes,
+    SCRIDER_MARGIN_AFTER_KEY,
+    resolved?.paragraphSpacingAfterEm
+  );
+  if (marginBottom === void 0) return [];
+  return ["margin-top:0", `margin-bottom:${marginBottom}em`];
+}
+function blockMarginBeforeStyleParts(tag, blockAttributes, resolved) {
+  if (!PARAGRAPH_SPACING_BLOCK_TAGS.has(tag)) return [];
+  const marginTop = resolveParagraphMarginEm(
+    blockAttributes,
+    SCRIDER_MARGIN_BEFORE_KEY,
+    resolved?.paragraphSpacingBeforeEm
+  );
+  if (marginTop === void 0) return [];
+  return [`margin-top:${marginTop}em`];
 }
 
 // src/conversion/html/document-presentation.ts
@@ -2562,10 +2602,17 @@ function resolveDocumentPresentation(presentation) {
   const textIndentCm = typeof presentation.textIndentCm === "number" && presentation.textIndentCm > 0 ? presentation.textIndentCm : void 0;
   const listBlockIndentCm = typeof presentation.listBlockIndentCm === "number" && presentation.listBlockIndentCm > 0 ? presentation.listBlockIndentCm : void 0;
   const paragraphSpacingAfterEm = typeof presentation.paragraphSpacingAfterEm === "number" && Number.isFinite(presentation.paragraphSpacingAfterEm) && presentation.paragraphSpacingAfterEm >= 0 ? presentation.paragraphSpacingAfterEm : void 0;
-  if (lineSpacing === void 0 && paragraphSpacingAfterEm === void 0 && textIndentCm === void 0 && listBlockIndentCm === void 0) {
+  const paragraphSpacingBeforeEm = typeof presentation.paragraphSpacingBeforeEm === "number" && Number.isFinite(presentation.paragraphSpacingBeforeEm) && presentation.paragraphSpacingBeforeEm >= 0 ? presentation.paragraphSpacingBeforeEm : void 0;
+  if (lineSpacing === void 0 && paragraphSpacingAfterEm === void 0 && paragraphSpacingBeforeEm === void 0 && textIndentCm === void 0 && listBlockIndentCm === void 0) {
     return void 0;
   }
-  return { lineSpacing, paragraphSpacingAfterEm, textIndentCm, listBlockIndentCm };
+  return {
+    lineSpacing,
+    paragraphSpacingAfterEm,
+    paragraphSpacingBeforeEm,
+    textIndentCm,
+    listBlockIndentCm
+  };
 }
 var TEXT_INDENT_TAGS = /* @__PURE__ */ new Set(["p"]);
 function documentPresentationListWrapperStyleParts(resolved) {
@@ -2583,7 +2630,7 @@ function documentPresentationStyleParts(tag, resolved) {
 function blockPresentationStyleParts(tag, blockAttributes, resolved) {
   return [
     ...blockLineHeightStyleParts(tag, blockAttributes, resolved),
-    ...blockMarginAfterStyleParts(tag, blockAttributes, resolved),
+    ...blockParagraphMarginStyleParts(tag, blockAttributes, resolved),
     ...documentPresentationStyleParts(tag, resolved)
   ];
 }
@@ -2685,7 +2732,16 @@ function deltaToHtml(delta, options = {}) {
       counters = [];
       const codeLines = collectCodeBlockLines(lines, i);
       const language = getCodeBlockLanguage(line.attributes);
-      html += renderCodeBlock(codeLines, language, embedRenderers, pretty, blockHandlers, options);
+      const codeBlockId = getCodeBlockId(line.attributes);
+      html += renderCodeBlock(
+        codeLines,
+        language,
+        embedRenderers,
+        pretty,
+        blockHandlers,
+        options,
+        codeBlockId
+      );
       i += codeLines.length - 1;
       continue;
     }
@@ -2956,11 +3012,13 @@ function collectCodeBlockLines(lines, startIndex) {
   const startLine = lines[startIndex];
   if (!startLine) return codeLines;
   const startLang = getCodeBlockLanguage(startLine.attributes);
+  const startId = getCodeBlockId(startLine.attributes);
   for (let i = startIndex; i < lines.length; i++) {
     const line = lines[i];
     if (!line || !line.attributes?.["code-block"]) break;
     const lang = getCodeBlockLanguage(line.attributes);
-    if (i > startIndex && lang !== startLang) break;
+    const id = getCodeBlockId(line.attributes);
+    if (i > startIndex && (lang !== startLang || id !== startId)) break;
     codeLines.push(line);
   }
   return codeLines;
@@ -2973,14 +3031,20 @@ function getCodeBlockLanguage(attributes) {
   }
   return void 0;
 }
-function renderCodeBlock(codeLines, language, embedRenderers, pretty, blockHandlers, options) {
+function getCodeBlockId(attributes) {
+  if (!attributes) return void 0;
+  const id = attributes["code-block-id"];
+  return typeof id === "string" ? id : void 0;
+}
+function renderCodeBlock(codeLines, language, embedRenderers, pretty, blockHandlers, options, codeBlockId) {
   const lineContents = codeLines.map(
     (line) => renderLineContent(line.ops, embedRenderers, blockHandlers, options)
   );
   const code = lineContents.join("\n");
   const langClass = language ? ` class="language-${escapeHtml(language)}"` : "";
   const langAttr = language ? ` data-language="${escapeHtml(language)}"` : "";
-  const html = `<pre${langAttr}><code${langClass}>${code}
+  const idAttr = codeBlockId ? ` data-code-block-id="${escapeHtml(codeBlockId)}"` : "";
+  const html = `<pre${langAttr}${idAttr}><code${langClass}>${code}
 </code></pre>`;
   return pretty ? html + "\n" : html;
 }
@@ -3194,6 +3258,7 @@ function htmlToDelta(html, options = {}) {
   let currentBlockAttributes = {};
   let pendingText = "";
   let atLineStart = true;
+  let codeBlockIdSeq = 0;
   const context = {
     delta,
     get attributes() {
@@ -3406,6 +3471,8 @@ function htmlToDelta(html, options = {}) {
     }
     const codeBlockValue = language || true;
     currentBlockAttributes["code-block"] = codeBlockValue;
+    const existingId = element.getAttribute("data-code-block-id");
+    currentBlockAttributes["code-block-id"] = existingId || `cb-${++codeBlockIdSeq}`;
     const sourceElement = codeElement || element;
     const rawText = sourceElement.textContent ?? "";
     const text = rawText.endsWith("\n") ? rawText.slice(0, -1) : rawText;
@@ -4141,11 +4208,13 @@ function collectCodeBlock(lines, startIndex) {
   const startLine = lines[startIndex];
   if (!startLine) return codeLines;
   const startLang = getCodeBlockLanguage2(startLine.attributes);
+  const startId = getCodeBlockId2(startLine.attributes);
   for (let i = startIndex; i < lines.length; i++) {
     const line = lines[i];
     if (!line || !line.attributes["code-block"]) break;
     const lang = getCodeBlockLanguage2(line.attributes);
-    if (i > startIndex && lang !== startLang) break;
+    const id = getCodeBlockId2(line.attributes);
+    if (i > startIndex && (lang !== startLang || id !== startId)) break;
     codeLines.push(line);
   }
   return codeLines;
@@ -4263,6 +4332,10 @@ function getCodeBlockLanguage2(attributes) {
   }
   return void 0;
 }
+function getCodeBlockId2(attributes) {
+  const id = attributes["code-block-id"];
+  return typeof id === "string" ? id : void 0;
+}
 function renderLineContent2(ops, embedRenderers, inCodeBlock, useLatexDelimiters = false, blockHandlers, prettyHtml = false, registry, softBreakStyle = "spaces", inTableCell = false) {
   let result = "";
   for (const op of ops) {
@@ -4616,6 +4689,7 @@ function astToDelta(tree, customHandlers, mathBlock, mermaidBlock, plantumlBlock
   let pendingText = "";
   const spanAttrStack = [];
   const footnoteDefinitions = /* @__PURE__ */ new Map();
+  let codeBlockIdSeq = 0;
   const context = {
     delta,
     pushText(text, attrs) {
@@ -4931,7 +5005,8 @@ function astToDelta(tree, customHandlers, mathBlock, mermaidBlock, plantumlBlock
     }
     const lines = code.split("\n");
     const codeBlockAttr = {
-      "code-block": lang ?? true
+      "code-block": lang ?? true,
+      "code-block-id": `cb-${++codeBlockIdSeq}`
     };
     for (const line of lines) {
       context.pushText(line);
@@ -4945,7 +5020,10 @@ function astToDelta(tree, customHandlers, mathBlock, mermaidBlock, plantumlBlock
       context.pushNewline();
     } else {
       const lines = value.split("\n");
-      const mathBlockAttr = { "code-block": "math" };
+      const mathBlockAttr = {
+        "code-block": "math",
+        "code-block-id": `cb-${++codeBlockIdSeq}`
+      };
       for (const line of lines) {
         context.pushText(line);
         context.pushNewline(mathBlockAttr);
@@ -5222,12 +5300,15 @@ export {
   Registry,
   SCRIDER_LINE_HEIGHT_KEY,
   SCRIDER_MARGIN_AFTER_KEY,
+  SCRIDER_MARGIN_BEFORE_KEY,
   alertBlockHandler,
   alignFormat,
   backgroundFormat,
   blockFormat,
   blockLineHeightStyleParts,
   blockMarginAfterStyleParts,
+  blockMarginBeforeStyleParts,
+  blockParagraphMarginStyleParts,
   blockPresentationStyleParts,
   blockquoteFormat,
   boldFormat,
@@ -5281,6 +5362,8 @@ export {
   normalizeDelta,
   parseScriderLineHeightMultiplier,
   parseScriderMarginAfterEm,
+  parseScriderMarginBeforeEm,
+  parseScriderMarginEm,
   preloadRemark,
   resolveDocumentPresentation,
   resolveTablePresentation,