@scrider/formatter 1.0.1 → 1.2.0

package/dist/index.d.cts

@@ -1,5 +1,6 @@
-import { AttributeMap, Op, Delta } from '@scrider/delta';
+import { AttributeMap, Op, Delta, InsertOp } from '@scrider/delta';
 export * from '@scrider/delta';
+export { InsertOp as ContentOp } from '@scrider/delta';
 
 /**
  * DOM Adapter Interface
@@ -67,6 +68,8 @@ interface DOMCSSStyleDeclaration {
     setProperty(property: string, value: string): void;
     color?: string;
     backgroundColor?: string;
+    fontFamily?: string;
+    fontSize?: string;
     fontWeight?: string;
     fontStyle?: string;
     textDecoration?: string;
@@ -788,6 +791,13 @@ declare const codeFormat: Format<boolean>;
  */
 declare const colorFormat: Format<string>;
 
+/**
+ * Font family format
+ *
+ * Delta: { insert: "text", attributes: { font: "Times New Roman" } }
+ */
+declare const fontFormat: Format<string>;
+
 /**
  * Italic format
  *
@@ -825,6 +835,15 @@ declare const linkFormat: Format<string>;
  */
 declare const markFormat: Format<boolean>;
 
+/**
+ * Font size format
+ *
+ * Delta: { insert: "text", attributes: { size: "14pt" } }
+ *
+ * Value is a string with CSS unit (e.g. "14pt", "16px", "1.2em").
+ */
+declare const sizeFormat: Format<string>;
+
 /**
  * Strikethrough format
  *
@@ -1538,6 +1557,18 @@ interface DeltaToMarkdownOptions {
      * `render()` is used as HTML fallback in Markdown.
      */
     registry?: Registry;
+    /**
+     * Strip trailing newlines from the final output.
+     *
+     * Useful when serialising a single block (e.g. one table for inline
+     * editing) where the GFM padding (blank line after a table, trailing
+     * paragraph newline, etc.) is not wanted. The internal structure of the
+     * markdown is unaffected — only trailing `\n+` at the very end of the
+     * returned string is removed.
+     *
+     * @default false
+     */
+    trimTrailingNewlines?: boolean;
 }
 /**
  * Convert Delta to Markdown
@@ -1643,9 +1674,39 @@ interface ParserContext {
     pushNewline(attrs?: AttributeMap): void;
 }
 /**
- * Check if remark is available
+ * Check if remark is available for synchronous use.
+ *
+ * Returns true if either:
+ *   - remark modules have been preloaded (via {@link preloadRemark} or a prior
+ *     `markdownToDelta` / `markdownToDeltaSync` call), OR
+ *   - CommonJS `require()` is available and can resolve `unified` and
+ *     `remark-parse` (Node.js without ESM-only mode).
+ *
+ * In browser ESM environments where `require` is undefined, this returns
+ * `false` until {@link preloadRemark} has been awaited at least once.
  */
 declare function isRemarkAvailable(): boolean;
+/**
+ * Preload remark modules (`unified`, `remark-parse`, `remark-gfm`, optionally
+ * `remark-math`) asynchronously. After this resolves successfully, the
+ * synchronous {@link markdownToDeltaSync} is usable in environments where
+ * `require()` is not available (e.g. browser ESM).
+ *
+ * Safe to call multiple times: subsequent calls short-circuit if modules are
+ * already loaded.
+ *
+ * @returns `true` if mandatory modules (`unified`, `remark-parse`,
+ *   `remark-gfm`) are now loaded; `false` if any required module is missing.
+ *   The function never throws — callers can branch on the boolean for
+ *   graceful degradation.
+ *
+ * @example
+ * // On editor mount:
+ * useEffect(() => {
+ *   preloadRemark();
+ * }, []);
+ */
+declare function preloadRemark(): Promise<boolean>;
 /**
  * Convert Markdown to Delta (async)
  */
@@ -1655,4 +1716,67 @@ declare function markdownToDelta(markdown: string, options?: MarkdownToDeltaOpti
  */
 declare function markdownToDeltaSync(markdown: string, options?: MarkdownToDeltaOptions): Delta;
 
-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 FootnotesBlockData, type Format, type FormatDefinition, type FormatMatchResult, type FormatScope, type HtmlToDeltaOptions, type ListType, type MarkdownToDeltaOptions, NODE_TYPE, NodeDOMAdapter, Registry, type SanitizeOptions, type TableBlockData, type TableColAlignType, alertBlockHandler, alignFormat, backgroundFormat, blockFormat, blockquoteFormat, boldFormat, boxBlockHandler, browserAdapter, cloneDelta, codeBlockFormat, codeFormat, colorFormat, columnsBlockHandler, createDefaultBlockHandlers, createDefaultRegistry, defaultBlockFormats, defaultEmbedFormats, defaultFormats, defaultInlineFormats, deltaToHtml, deltaToMarkdown, dividerFormat, escapeHtml, extractBoxOpAttributes, footnoteRefFormat, footnotesBlockHandler, formulaFormat, getAdapter, getNamedColors, headerFormat, headerIdFormat, htmlToDelta, imageFormat, indentFormat, isAdapterAvailable, isElement, isRemarkAvailable, isTextNode, isValidColor, isValidHexColor, italicFormat, kbdFormat, linkFormat, listFormat, markFormat, markdownToDelta, markdownToDeltaSync, nodeAdapter, normalizeDelta, sanitizeDelta, slugify, slugifyWithDedup, strikeFormat, subscriptFormat, superscriptFormat, tableBlockHandler, tableColAlignFormat, tableColFormat, tableHeaderFormat, tableRowFormat, toHexColor, underlineFormat, unescapeHtml, validateDelta, videoFormat };
+/**
+ * Simple-table region detection in flat Delta.
+ *
+ * Helpers for callers (e.g. editors that need to find the boundaries of a
+ * markdown-style table within a Delta op stream — for example to enter
+ * "edit as markdown source" mode on double-click of a rendered table cell).
+ *
+ * A simple-table region is a contiguous run of ops that ends, for each cell,
+ * with a `\n`-op carrying the `table-row` attribute (the standard format
+ * produced by {@link markdownToDelta} for GFM tables and consumed by
+ * {@link deltaToMarkdown}).
+ */
+
+/**
+ * Detected boundaries of a simple-table region.
+ */
+interface TableRegion {
+    /** Inclusive start index in the original ops array. */
+    startOpIdx: number;
+    /**
+     * Inclusive end index — always points at the last `\n`-op of the table
+     * (the terminator of the last cell of the last row).
+     */
+    endOpIdx: number;
+    /** Slice of the original ops array covering the region. */
+    ops: InsertOp[];
+}
+/**
+ * Predicate: this op is a `\n`-op that terminates a simple-table cell
+ * (i.e. it carries a `table-row` attribute).
+ */
+declare function isTableNewlineOp(op: Op | undefined): boolean;
+/**
+ * Find the boundaries of the simple-table region containing the given hint
+ * op index. The hint may be:
+ *   - an inline op inside a cell,
+ *   - the cell-terminating `\n`-op itself,
+ *   - any op between two table newlines.
+ *
+ * The function walks **forward** from the hint to find the nearest `\n`-op:
+ * if it does not carry a `table-row` attribute, the hint is not inside a
+ * table and `null` is returned. Otherwise the algorithm extends the region
+ * forward through contiguous table newlines and backward to the op just
+ * after the previous non-table `\n`-op (or the start of the array).
+ *
+ * @param ops - The full ops array (e.g. `delta.ops`).
+ * @param hintOpIdx - Any op index known or guessed to be within a table.
+ * @returns The detected region, or `null` if `hintOpIdx` is out of range or
+ *   not within any simple-table region.
+ *
+ * @example
+ * // After hit-testing a `<td>` element to a Delta op index:
+ * const region = extractTableRegion(state.delta.ops, hitOpIdx);
+ * if (region) {
+ *   const md = deltaToMarkdown(new Delta(region.ops), {
+ *     trimTrailingNewlines: true,
+ *   });
+ *   // replace ops in [region.startOpIdx, region.endOpIdx] with a single
+ *   // { insert: md + '\n' } op to enter source-edit mode
+ * }
+ */
+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 FootnotesBlockData, type Format, type FormatDefinition, type FormatMatchResult, type FormatScope, type HtmlToDeltaOptions, type ListType, type MarkdownToDeltaOptions, NODE_TYPE, NodeDOMAdapter, Registry, type SanitizeOptions, type TableBlockData, type TableColAlignType, type TableRegion, alertBlockHandler, alignFormat, backgroundFormat, blockFormat, blockquoteFormat, boldFormat, boxBlockHandler, browserAdapter, cloneDelta, codeBlockFormat, codeFormat, colorFormat, columnsBlockHandler, createDefaultBlockHandlers, createDefaultRegistry, defaultBlockFormats, defaultEmbedFormats, defaultFormats, defaultInlineFormats, deltaToHtml, deltaToMarkdown, dividerFormat, escapeHtml, extractBoxOpAttributes, extractTableRegion, fontFormat, footnoteRefFormat, footnotesBlockHandler, formulaFormat, getAdapter, getNamedColors, headerFormat, headerIdFormat, htmlToDelta, imageFormat, indentFormat, isAdapterAvailable, isElement, isRemarkAvailable, isTableNewlineOp, isTextNode, isValidColor, isValidHexColor, italicFormat, kbdFormat, linkFormat, listFormat, markFormat, markdownToDelta, markdownToDeltaSync, nodeAdapter, normalizeDelta, preloadRemark, sanitizeDelta, sizeFormat, slugify, slugifyWithDedup, strikeFormat, subscriptFormat, superscriptFormat, tableBlockHandler, tableColAlignFormat, tableColFormat, tableHeaderFormat, tableRowFormat, toHexColor, underlineFormat, unescapeHtml, validateDelta, videoFormat };

package/dist/index.d.ts

@@ -1,5 +1,6 @@
-import { AttributeMap, Op, Delta } from '@scrider/delta';
+import { AttributeMap, Op, Delta, InsertOp } from '@scrider/delta';
 export * from '@scrider/delta';
+export { InsertOp as ContentOp } from '@scrider/delta';
 
 /**
  * DOM Adapter Interface
@@ -67,6 +68,8 @@ interface DOMCSSStyleDeclaration {
     setProperty(property: string, value: string): void;
     color?: string;
     backgroundColor?: string;
+    fontFamily?: string;
+    fontSize?: string;
     fontWeight?: string;
     fontStyle?: string;
     textDecoration?: string;
@@ -788,6 +791,13 @@ declare const codeFormat: Format<boolean>;
  */
 declare const colorFormat: Format<string>;
 
+/**
+ * Font family format
+ *
+ * Delta: { insert: "text", attributes: { font: "Times New Roman" } }
+ */
+declare const fontFormat: Format<string>;
+
 /**
  * Italic format
  *
@@ -825,6 +835,15 @@ declare const linkFormat: Format<string>;
  */
 declare const markFormat: Format<boolean>;
 
+/**
+ * Font size format
+ *
+ * Delta: { insert: "text", attributes: { size: "14pt" } }
+ *
+ * Value is a string with CSS unit (e.g. "14pt", "16px", "1.2em").
+ */
+declare const sizeFormat: Format<string>;
+
 /**
  * Strikethrough format
  *
@@ -1538,6 +1557,18 @@ interface DeltaToMarkdownOptions {
      * `render()` is used as HTML fallback in Markdown.
      */
     registry?: Registry;
+    /**
+     * Strip trailing newlines from the final output.
+     *
+     * Useful when serialising a single block (e.g. one table for inline
+     * editing) where the GFM padding (blank line after a table, trailing
+     * paragraph newline, etc.) is not wanted. The internal structure of the
+     * markdown is unaffected — only trailing `\n+` at the very end of the
+     * returned string is removed.
+     *
+     * @default false
+     */
+    trimTrailingNewlines?: boolean;
 }
 /**
  * Convert Delta to Markdown
@@ -1643,9 +1674,39 @@ interface ParserContext {
     pushNewline(attrs?: AttributeMap): void;
 }
 /**
- * Check if remark is available
+ * Check if remark is available for synchronous use.
+ *
+ * Returns true if either:
+ *   - remark modules have been preloaded (via {@link preloadRemark} or a prior
+ *     `markdownToDelta` / `markdownToDeltaSync` call), OR
+ *   - CommonJS `require()` is available and can resolve `unified` and
+ *     `remark-parse` (Node.js without ESM-only mode).
+ *
+ * In browser ESM environments where `require` is undefined, this returns
+ * `false` until {@link preloadRemark} has been awaited at least once.
  */
 declare function isRemarkAvailable(): boolean;
+/**
+ * Preload remark modules (`unified`, `remark-parse`, `remark-gfm`, optionally
+ * `remark-math`) asynchronously. After this resolves successfully, the
+ * synchronous {@link markdownToDeltaSync} is usable in environments where
+ * `require()` is not available (e.g. browser ESM).
+ *
+ * Safe to call multiple times: subsequent calls short-circuit if modules are
+ * already loaded.
+ *
+ * @returns `true` if mandatory modules (`unified`, `remark-parse`,
+ *   `remark-gfm`) are now loaded; `false` if any required module is missing.
+ *   The function never throws — callers can branch on the boolean for
+ *   graceful degradation.
+ *
+ * @example
+ * // On editor mount:
+ * useEffect(() => {
+ *   preloadRemark();
+ * }, []);
+ */
+declare function preloadRemark(): Promise<boolean>;
 /**
  * Convert Markdown to Delta (async)
  */
@@ -1655,4 +1716,67 @@ declare function markdownToDelta(markdown: string, options?: MarkdownToDeltaOpti
  */
 declare function markdownToDeltaSync(markdown: string, options?: MarkdownToDeltaOptions): Delta;
 
-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 FootnotesBlockData, type Format, type FormatDefinition, type FormatMatchResult, type FormatScope, type HtmlToDeltaOptions, type ListType, type MarkdownToDeltaOptions, NODE_TYPE, NodeDOMAdapter, Registry, type SanitizeOptions, type TableBlockData, type TableColAlignType, alertBlockHandler, alignFormat, backgroundFormat, blockFormat, blockquoteFormat, boldFormat, boxBlockHandler, browserAdapter, cloneDelta, codeBlockFormat, codeFormat, colorFormat, columnsBlockHandler, createDefaultBlockHandlers, createDefaultRegistry, defaultBlockFormats, defaultEmbedFormats, defaultFormats, defaultInlineFormats, deltaToHtml, deltaToMarkdown, dividerFormat, escapeHtml, extractBoxOpAttributes, footnoteRefFormat, footnotesBlockHandler, formulaFormat, getAdapter, getNamedColors, headerFormat, headerIdFormat, htmlToDelta, imageFormat, indentFormat, isAdapterAvailable, isElement, isRemarkAvailable, isTextNode, isValidColor, isValidHexColor, italicFormat, kbdFormat, linkFormat, listFormat, markFormat, markdownToDelta, markdownToDeltaSync, nodeAdapter, normalizeDelta, sanitizeDelta, slugify, slugifyWithDedup, strikeFormat, subscriptFormat, superscriptFormat, tableBlockHandler, tableColAlignFormat, tableColFormat, tableHeaderFormat, tableRowFormat, toHexColor, underlineFormat, unescapeHtml, validateDelta, videoFormat };
+/**
+ * Simple-table region detection in flat Delta.
+ *
+ * Helpers for callers (e.g. editors that need to find the boundaries of a
+ * markdown-style table within a Delta op stream — for example to enter
+ * "edit as markdown source" mode on double-click of a rendered table cell).
+ *
+ * A simple-table region is a contiguous run of ops that ends, for each cell,
+ * with a `\n`-op carrying the `table-row` attribute (the standard format
+ * produced by {@link markdownToDelta} for GFM tables and consumed by
+ * {@link deltaToMarkdown}).
+ */
+
+/**
+ * Detected boundaries of a simple-table region.
+ */
+interface TableRegion {
+    /** Inclusive start index in the original ops array. */
+    startOpIdx: number;
+    /**
+     * Inclusive end index — always points at the last `\n`-op of the table
+     * (the terminator of the last cell of the last row).
+     */
+    endOpIdx: number;
+    /** Slice of the original ops array covering the region. */
+    ops: InsertOp[];
+}
+/**
+ * Predicate: this op is a `\n`-op that terminates a simple-table cell
+ * (i.e. it carries a `table-row` attribute).
+ */
+declare function isTableNewlineOp(op: Op | undefined): boolean;
+/**
+ * Find the boundaries of the simple-table region containing the given hint
+ * op index. The hint may be:
+ *   - an inline op inside a cell,
+ *   - the cell-terminating `\n`-op itself,
+ *   - any op between two table newlines.
+ *
+ * The function walks **forward** from the hint to find the nearest `\n`-op:
+ * if it does not carry a `table-row` attribute, the hint is not inside a
+ * table and `null` is returned. Otherwise the algorithm extends the region
+ * forward through contiguous table newlines and backward to the op just
+ * after the previous non-table `\n`-op (or the start of the array).
+ *
+ * @param ops - The full ops array (e.g. `delta.ops`).
+ * @param hintOpIdx - Any op index known or guessed to be within a table.
+ * @returns The detected region, or `null` if `hintOpIdx` is out of range or
+ *   not within any simple-table region.
+ *
+ * @example
+ * // After hit-testing a `<td>` element to a Delta op index:
+ * const region = extractTableRegion(state.delta.ops, hitOpIdx);
+ * if (region) {
+ *   const md = deltaToMarkdown(new Delta(region.ops), {
+ *     trimTrailingNewlines: true,
+ *   });
+ *   // replace ops in [region.startOpIdx, region.endOpIdx] with a single
+ *   // { insert: md + '\n' } op to enter source-edit mode
+ * }
+ */
+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 FootnotesBlockData, type Format, type FormatDefinition, type FormatMatchResult, type FormatScope, type HtmlToDeltaOptions, type ListType, type MarkdownToDeltaOptions, NODE_TYPE, NodeDOMAdapter, Registry, type SanitizeOptions, type TableBlockData, type TableColAlignType, type TableRegion, alertBlockHandler, alignFormat, backgroundFormat, blockFormat, blockquoteFormat, boldFormat, boxBlockHandler, browserAdapter, cloneDelta, codeBlockFormat, codeFormat, colorFormat, columnsBlockHandler, createDefaultBlockHandlers, createDefaultRegistry, defaultBlockFormats, defaultEmbedFormats, defaultFormats, defaultInlineFormats, deltaToHtml, deltaToMarkdown, dividerFormat, escapeHtml, extractBoxOpAttributes, extractTableRegion, fontFormat, footnoteRefFormat, footnotesBlockHandler, formulaFormat, getAdapter, getNamedColors, headerFormat, headerIdFormat, htmlToDelta, imageFormat, indentFormat, isAdapterAvailable, isElement, isRemarkAvailable, isTableNewlineOp, isTextNode, isValidColor, isValidHexColor, italicFormat, kbdFormat, linkFormat, listFormat, markFormat, markdownToDelta, markdownToDeltaSync, nodeAdapter, normalizeDelta, preloadRemark, sanitizeDelta, sizeFormat, slugify, slugifyWithDedup, strikeFormat, subscriptFormat, superscriptFormat, tableBlockHandler, tableColAlignFormat, tableColFormat, tableHeaderFormat, tableRowFormat, toHexColor, underlineFormat, unescapeHtml, validateDelta, videoFormat };

package/dist/index.js

@@ -1563,6 +1563,15 @@ var colorFormat = {
   }
 };
 
+// src/schema/formats/inline/font.ts
+var fontFormat = {
+  name: "font",
+  scope: "inline",
+  validate(value) {
+    return typeof value === "string" && value.length > 0;
+  }
+};
+
 // src/schema/formats/inline/italic.ts
 var italicFormat = {
   name: "italic",
@@ -1620,6 +1629,15 @@ var markFormat = {
   }
 };
 
+// src/schema/formats/inline/size.ts
+var sizeFormat = {
+  name: "size",
+  scope: "inline",
+  validate(value) {
+    return typeof value === "string" && value.length > 0;
+  }
+};
+
 // src/schema/formats/inline/strike.ts
 var strikeFormat = {
   name: "strike",
@@ -1827,7 +1845,9 @@ var INLINE_FORMAT_ORDER = [
 ];
 var INLINE_STYLE_FORMATS = {
   color: "color",
-  background: "background-color"
+  background: "background-color",
+  font: "font-family",
+  size: "font-size"
 };
 var BLOCK_FORMAT_TAGS = {
   header: (value) => `h${String(value)}`,
@@ -2212,6 +2232,8 @@ var defaultInlineFormats = [
   linkFormat,
   colorFormat,
   backgroundFormat,
+  fontFormat,
+  sizeFormat,
   markFormat,
   kbdFormat
 ];
@@ -3242,6 +3264,14 @@ function htmlToDelta(html, options = {}) {
     if (bg) {
       currentAttributes.background = bg;
     }
+    const fontFamily = element.style?.fontFamily || element.style?.getPropertyValue?.("font-family");
+    if (fontFamily) {
+      currentAttributes.font = fontFamily.replace(/^["']|["']$/g, "");
+    }
+    const fontSize = element.style?.fontSize || element.style?.getPropertyValue?.("font-size");
+    if (fontSize) {
+      currentAttributes.size = fontSize;
+    }
     processChildren(element);
     flushText();
     currentAttributes = prevAttrs;
@@ -3624,7 +3654,8 @@ function deltaToMarkdown(delta, options = {}) {
     embedRenderers = {},
     blockHandlers,
     prettyHtml = false,
-    registry
+    registry,
+    trimTrailingNewlines = false
   } = options;
   const useLatexDelimiters = mathSyntax === "latex";
   const lines = splitIntoLines2(delta.ops);
@@ -3722,7 +3753,8 @@ ${code}
     lastIndent = indent;
     lastWasBlockquote = isBlockquote;
   }
-  return result.join("\n");
+  const md = result.join("\n");
+  return trimTrailingNewlines ? md.replace(/\n+$/, "") : md;
 }
 function hasBlockFormat(attrs) {
   return !!(attrs.header || attrs.list || attrs.blockquote || attrs["code-block"] || attrs.align || attrs.indent);
@@ -3943,11 +3975,14 @@ function renderInlineText2(text, attributes) {
   if (link) {
     result = renderLink(result, link);
   }
-  if (typeof attributes.color === "string") {
-    result = `<span style="color: ${attributes.color}">${result}</span>`;
-  }
-  if (typeof attributes.background === "string") {
-    result = `<span style="background-color: ${attributes.background}">${result}</span>`;
+  const styleProps = [];
+  if (typeof attributes.color === "string") styleProps.push(`color: ${attributes.color}`);
+  if (typeof attributes.background === "string")
+    styleProps.push(`background-color: ${attributes.background}`);
+  if (typeof attributes.font === "string") styleProps.push(`font-family: ${attributes.font}`);
+  if (typeof attributes.size === "string") styleProps.push(`font-size: ${attributes.size}`);
+  if (styleProps.length > 0) {
+    result = `<span style="${styleProps.join("; ")}">${result}</span>`;
   }
   return result;
 }
@@ -4108,6 +4143,8 @@ var remarkGfm = null;
 var remarkMath = null;
 var unified = null;
 function isRemarkAvailable() {
+  if (unified && remarkParse) return true;
+  if (typeof __require === "undefined") return false;
   try {
     __require.resolve("unified");
     __require.resolve("remark-parse");
@@ -4116,8 +4153,8 @@ function isRemarkAvailable() {
     return false;
   }
 }
-async function loadRemark() {
-  if (unified) return;
+async function preloadRemark() {
+  if (unified && remarkParse && remarkGfm) return true;
   try {
     const [unifiedMod, remarkParseMod, remarkGfmMod] = await Promise.all([
       import("unified"),
@@ -4128,15 +4165,16 @@ async function loadRemark() {
     remarkParse = remarkParseMod.default;
     remarkGfm = remarkGfmMod.default;
   } catch {
-    throw new Error(
-      "remark is not installed. Install with: pnpm add unified remark-parse remark-gfm"
-    );
+    return false;
   }
-  try {
-    const remarkMathMod = await import("remark-math");
-    remarkMath = remarkMathMod.default;
-  } catch {
+  if (!remarkMath) {
+    try {
+      const remarkMathMod = await import("remark-math");
+      remarkMath = remarkMathMod.default;
+    } catch {
+    }
   }
+  return true;
 }
 function preprocessMarkdown(markdown, mathBlock) {
   markdown = markdown.replace(/\\\((.+?)\\\)/g, (_match, content) => `$${content}$`);
@@ -4160,9 +4198,11 @@ async function markdownToDelta(markdown, options = {}) {
     nodeHandlers = {}
   } = options;
   markdown = preprocessMarkdown(markdown, mathBlock);
-  await loadRemark();
-  if (!unified || !remarkParse) {
-    throw new Error("Failed to load remark");
+  const loaded = await preloadRemark();
+  if (!loaded || !unified || !remarkParse) {
+    throw new Error(
+      "remark is not installed. Install with: pnpm add unified remark-parse remark-gfm"
+    );
   }
   let processor = unified().use(remarkParse);
   if (gfm && remarkGfm) {
@@ -4191,6 +4231,11 @@ function markdownToDeltaSync(markdown, options = {}) {
   } = options;
   markdown = preprocessMarkdown(markdown, mathBlock);
   if (!unified || !remarkParse) {
+    if (typeof __require === "undefined") {
+      throw new Error(
+        "markdownToDeltaSync requires remark to be preloaded in this environment. `require()` is not available (likely browser ESM). Call `await preloadRemark()` once on application startup before using the sync API, or use the async `markdownToDelta()` instead."
+      );
+    }
     try {
       const unifiedMod = __require("unified");
       const remarkParseMod = __require("remark-parse");
@@ -4689,6 +4734,19 @@ function astToDelta(tree, customHandlers, mathBlock, mermaidBlock, plantumlBlock
         currentInlineAttrs = { ...currentInlineAttrs, background: bgMatch[1].trim() };
         addedKeys.push("background");
       }
+      const fontMatch = style.match(/(?:^|;)\s*font-family\s*:\s*([^;]+)/i);
+      if (fontMatch) {
+        currentInlineAttrs = {
+          ...currentInlineAttrs,
+          font: fontMatch[1].trim().replace(/^["']|["']$/g, "")
+        };
+        addedKeys.push("font");
+      }
+      const sizeMatch = style.match(/(?:^|;)\s*font-size\s*:\s*([^;]+)/i);
+      if (sizeMatch) {
+        currentInlineAttrs = { ...currentInlineAttrs, size: sizeMatch[1].trim() };
+        addedKeys.push("size");
+      }
       spanAttrStack.push(addedKeys);
       return;
     }
@@ -4766,6 +4824,54 @@ function astToDelta(tree, customHandlers, mathBlock, mermaidBlock, plantumlBlock
   }
   return delta;
 }
+
+// src/conversion/markdown/table-region.ts
+import { isInsert as isInsert4, isTextInsert as isTextInsert3 } from "@scrider/delta";
+function isTableNewlineOp(op) {
+  if (!op || !isInsert4(op) || !isTextInsert3(op)) return false;
+  if (!op.insert.includes("\n")) return false;
+  return !!op.attributes && "table-row" in op.attributes;
+}
+function extractTableRegion(ops, hintOpIdx) {
+  if (hintOpIdx < 0 || hintOpIdx >= ops.length) return null;
+  let probeIdx = -1;
+  for (let i = hintOpIdx; i < ops.length; i++) {
+    const op = ops[i];
+    if (!op || !isInsert4(op)) continue;
+    if (isTextInsert3(op) && op.insert.includes("\n")) {
+      probeIdx = i;
+      break;
+    }
+  }
+  if (probeIdx < 0) return null;
+  if (!isTableNewlineOp(ops[probeIdx])) return null;
+  let endOpIdx = probeIdx;
+  for (let i = probeIdx + 1; i < ops.length; i++) {
+    const op = ops[i];
+    if (!op || !isInsert4(op)) break;
+    if (isTextInsert3(op) && op.insert.includes("\n")) {
+      if (isTableNewlineOp(op)) {
+        endOpIdx = i;
+      } else {
+        break;
+      }
+    }
+  }
+  let startOpIdx = 0;
+  for (let i = probeIdx - 1; i >= 0; i--) {
+    const op = ops[i];
+    if (!op || !isInsert4(op)) {
+      startOpIdx = i + 1;
+      break;
+    }
+    if (isTextInsert3(op) && op.insert.includes("\n") && !isTableNewlineOp(op)) {
+      startOpIdx = i + 1;
+      break;
+    }
+  }
+  const regionOps = ops.slice(startOpIdx, endOpIdx + 1);
+  return { startOpIdx, endOpIdx, ops: regionOps };
+}
 export {
   ALERT_TYPES,
   BOX_FLOAT_VALUES,
@@ -4799,6 +4905,8 @@ export {
   dividerFormat,
   escapeHtml,
   extractBoxOpAttributes,
+  extractTableRegion,
+  fontFormat,
   footnoteRefFormat,
   footnotesBlockHandler,
   formulaFormat,
@@ -4812,6 +4920,7 @@ export {
   isAdapterAvailable,
   isElement,
   isRemarkAvailable,
+  isTableNewlineOp,
   isTextNode,
   isValidColor,
   isValidHexColor,
@@ -4824,7 +4933,9 @@ export {
   markdownToDeltaSync,
   nodeAdapter,
   normalizeDelta,
+  preloadRemark,
   sanitizeDelta,
+  sizeFormat,
   slugify,
   slugifyWithDedup,
   strikeFormat,