@unlayer/react-elements 0.1.16 → 0.1.18

package/dist/index.d.cts

@@ -118,6 +118,8 @@ interface MenuItem {
 type RenderMode = "web" | "email" | "document";
 interface DesignContent {
     type: string;
+    /** Custom tool name — present when `type` is "custom" */
+    slug?: string;
     values: Record<string, any>;
 }
 interface DesignColumn {
@@ -312,6 +314,10 @@ interface BaseItemComponentProps {
      *  string ("10px", "16px 24px"). Applied by the containing Column. */
     containerPadding?: SizeInput;
     index?: number;
+    /** @internal — content id allocated by the containing Column; keeps the
+     *  value-level _meta.htmlID unique per instance and aligned with the
+     *  wrapper id and head/json numbering. */
+    _metaHtmlId?: string;
     colIndex?: number;
     cells?: any[];
     bodyValues?: any;
@@ -826,32 +832,54 @@ declare const UnlayerProvider: React__default.FC<UnlayerProviderProps>;
 declare function useUnlayerConfig(): UnlayerConfig;
 
 /**
- * Renders an Unlayer element tree to an HTML string.
+ * Options for renderToHtml — config overrides plus document-level extras.
+ */
+interface RenderToHtmlOptions extends Partial<UnlayerConfig> {
+    /** Document `<title>` */
+    title?: string;
+    /**
+     * Web-font stylesheets to load via `<link rel="stylesheet">` tags.
+     * Elements has no font registry, so pass the URLs for any non-system
+     * fonts your design uses (e.g. Google Fonts CSS URLs).
+     */
+    fonts?: Array<{
+        url: string;
+    }>;
+}
+/**
+ * Renders an Unlayer element tree to a complete HTML document — from
+ * `<!DOCTYPE ...>` to `</html>` — matching the editor's exportHtml layouts.
  *
- * - Passes merged config via the `config` prop (no React context — works in Server Components)
- * - Uses `renderToStaticMarkup` — no React hydration markers, clean HTML for email/PDF
- * - Synchronous
+ * Per-mode document shells (mirroring the editor's layout templates):
+ * - `email`: XHTML transitional doctype, VML/Office namespaces, and the MSO
+ *   conditional comments Outlook needs
+ * - `web`: HTML5 doctype with standard viewport/charset meta tags
+ * - `document`: XHTML transitional doctype for print/PDF pipelines
  *
- * @param element - A React element tree (e.g. `<Body><Row>...</Row></Body>`)
- * @param config  - Optional config overrides (mode, cdnBaseUrl, etc.)
- * @returns Clean HTML string
+ * Use {@link renderToHtmlParts} instead when your app owns the document
+ * shell and only needs the head/body chunks.
+ *
+ * @param element - A React element tree (e.g. `<Email><Row>...</Row></Email>`)
+ * @param options - Config overrides (mode, cdnBaseUrl, etc.) plus `title` and `fonts`
+ * @returns Complete HTML document string
  * @throws {Error} If rendering fails, with a helpful message
  *
  * @example
  * ```tsx
- * import { renderToHtml, Body, Row, Column, Paragraph } from "@unlayer/react-elements";
+ * import { renderToHtml, Email, Row, Column, Paragraph } from "@unlayer/react-elements";
  *
  * const html = renderToHtml(
- *   <Body><Row><Column><Paragraph>Hello</Paragraph></Column></Row></Body>,
- *   { mode: "email", cdnBaseUrl: "https://my-cdn.com" }
+ *   <Email><Row><Column><Paragraph>Hello</Paragraph></Column></Row></Email>,
+ *   { title: "Welcome" }
  * );
+ * // "<!DOCTYPE HTML PUBLIC ...><html ...>...</html>"
  * ```
  */
-declare function renderToHtml(element: React__default.ReactElement, config?: Partial<UnlayerConfig>): string;
+declare function renderToHtml(element: React__default.ReactElement, options?: RenderToHtmlOptions): string;
 /**
  * Renders an Unlayer element tree to a plain text string.
  *
- * Internally calls `renderToHtml` then converts to plain text using
+ * Renders the body markup then converts to plain text using
  * `htmlToPlainText`. Useful for generating the text/plain MIME part
  * of multipart emails (critical for deliverability).
  *
@@ -876,19 +904,26 @@ declare function renderToPlainText(element: React__default.ReactElement, config?
 interface HtmlParts {
     /** `<head>` content: `<style>` blocks with component CSS, optional `<script>` tags */
     head: string;
-    /** `<body>` content: the rendered HTML (same output as `renderToHtml`) */
+    /**
+     * The rendered body markup, wrapped in the renderer's host `<div>`. In
+     * email/document mode it contains the `<body>` tag itself; web mode has
+     * none. No doctype/html/head shell — embeddable as-is, or extract the
+     * `<body>` tag when composing a full document.
+     */
     body: string;
 }
 /**
  * Renders an Unlayer element tree to separate head and body HTML strings.
  *
- * This is the recommended API for sending emails, because email clients need
- * the `<style>` block in `<head>` for hover effects, responsive breakpoints,
- * and font declarations that cannot be expressed as inline styles.
+ * Use this when your app owns the document shell — an existing page
+ * template, an ESP template with its own meta tags, an iframe srcdoc —
+ * and you want to place the `<style>` block and body markup yourself.
+ * For a complete ready-to-send document in one call, use
+ * {@link renderToHtml}.
  *
  * - `head` contains `<style>` tags with CSS generated by each component's
  *   head function (button hover colors, body fonts, link styles, etc.)
- * - `body` is identical to what `renderToHtml()` returns
+ * - `body` is the rendered body markup without any document shell
  *
  * @param element - A React element tree (e.g. `<Email><Row>...</Row></Email>`)
  * @param config  - Optional config overrides (mode, cdnBaseUrl, etc.)
@@ -972,4 +1007,104 @@ declare function renderToHtmlParts(element: React__default.ReactElement, config?
 declare function renderRowToJson(element: React__default.ReactElement): DesignRow;
 declare function renderToJson(element: React__default.ReactElement): DesignJSON;
 
-export { Body, type BorderInput, Button, type ButtonProps, Column, type ColumnLayout, ColumnLayouts, DEFAULT_CONFIG, type DesignBody, type DesignColumn, type DesignContent, type DesignJSON, type DesignRow, Divider, type DividerProps, Document, type DocumentProps, Email, type EmailProps, type FontFamilyInput, type FontWeightInput, Heading, type HeadingLevel, type HeadingProps, type Href, Html, type HtmlParts, type HtmlProps, type Icons, Image, type ImageProps, type ImageSrcInput, type LinkStyle, Menu, type MenuItem, type MenuProps, Page, type PageProps, Paragraph, type ParagraphProps, Row, type RowProps, type SizeInput, Social, type SocialIcon, type SocialProps, Table, type TableProps, type TextAlign, type TextStyleProps, type UnlayerConfig, UnlayerProvider, type UnlayerProviderProps, type ValidColumnLayout, Video, type VideoProps, type VideoSource, htmlToTextJson, renderRowToJson, renderToHtml, renderToHtmlParts, renderToJson, renderToPlainText, useUnlayerConfig, validateColumnLayout };
+/**
+ * registerTool — render the editor's custom tools from code.
+ *
+ * Accepts the same tool definition object embedders already write for
+ * `unlayer.registerTool` (see docs.unlayer.com › Custom Tools) and returns a
+ * React component. One definition powers both runtimes:
+ *
+ * - The Builder uses `label`/`icon`/`options`/`renderer.Viewer`/`validator`
+ *   for its panel, canvas, and audit — Elements ignores those.
+ * - Elements calls `renderer.exporters[mode](values)` to produce HTML and
+ *   collects `renderer.head` css/js like any built-in component, so code
+ *   output matches editor exports by construction — it is the same function.
+ * - `renderToJson` emits `{ type: "custom", slug: <name>, values }`, the
+ *   shape the editor stores, so designs round-trip into the Builder where
+ *   the same tool is registered.
+ *
+ * Sanitization: like editor exports, the tool's HTML output is passed
+ * through `toSafeHtml` when one is configured. The default config has NO
+ * sanitizer — with untrusted values, configure `toSafeHtml` (same caveat
+ * as the `<Html>` component).
+ */
+
+/** Exporter: `(values) => html`. Extra args mirror built-in exporters and can be ignored. */
+type ToolExporter = (values: any, ...args: any[]) => string;
+/** One property in an options group — Elements reads only the default. */
+interface ToolOptionConfig {
+    defaultValue?: unknown;
+    /** Disabled options contribute no default */
+    enabled?: boolean;
+    [editorOnly: string]: unknown;
+}
+/** A property group: `options.<group>.options.<property>` */
+interface ToolOptionGroup {
+    options?: Record<string, ToolOptionConfig | undefined>;
+    [editorOnly: string]: unknown;
+}
+/**
+ * The subset of the `unlayer.registerTool` config Elements reads. Extra
+ * editor-only fields (label, icon, Viewer, validator, transformer, ...)
+ * are accepted and ignored, so the same object can be passed to both APIs.
+ */
+interface ElementsToolConfig {
+    /** Unique tool name — becomes the design JSON `slug` */
+    name: string;
+    /** Initial values for the tool's properties (win over option defaults) */
+    values?: Record<string, any>;
+    /**
+     * Property groups. Real-world tools usually define their defaults here,
+     * as each property's `defaultValue` — those seed the initial values,
+     * with tool-level `values` taking precedence (the editor's order).
+     */
+    options?: Record<string, ToolOptionGroup | undefined>;
+    renderer: {
+        /** Per-mode HTML exporters. `document` falls back to `web`. */
+        exporters: Partial<Record<RenderMode, ToolExporter>>;
+        /** Optional head contributions collected into the document `<head>` */
+        head?: {
+            css?: (values: any, ...args: any[]) => string | undefined;
+            js?: (values: any, ...args: any[]) => string | undefined;
+            tags?: (values: any, ...args: any[]) => string[] | undefined;
+        };
+        /** Editor-only canvas renderer — ignored by Elements */
+        Viewer?: unknown;
+    };
+    /** React DevTools name (defaults to the tool name) */
+    displayName?: string;
+    /** Editor-only fields (label, icon, options, validator, ...) — ignored */
+    [editorOnly: string]: unknown;
+}
+/** Props: the tool's values as flat props, plus a `values` escape hatch. */
+type ElementsToolProps = BaseItemComponentProps & Record<string, any> & {
+    values?: Record<string, any>;
+};
+/**
+ * Create a React component from a custom tool definition — a custom tool
+ * is the custom component you create: the same term (and the same config)
+ * as the editor's `unlayer.registerTool`, so one definition serves both.
+ *
+ * @example
+ * ```tsx
+ * const Countdown = registerTool({
+ *   name: "countdown",
+ *   values: { endTime: "", digitColor: "#404040" },
+ *   renderer: {
+ *     exporters: {
+ *       web:   (values) => `<div style="color:${values.digitColor}">…</div>`,
+ *       email: (values) => `<table role="presentation">…</table>`,
+ *     },
+ *   },
+ * });
+ *
+ * <Email><Row><Column>
+ *   <Countdown endTime="2026-08-01T00:00:00Z" digitColor="#e11d48" />
+ * </Column></Row></Email>
+ * ```
+ */
+declare function registerTool(tool: ElementsToolConfig): React__default.FC<ElementsToolProps>;
+/** Alias of {@link registerTool}. */
+declare const registerElementsTool: typeof registerTool;
+
+export { Body, type BorderInput, Button, type ButtonProps, Column, type ColumnLayout, ColumnLayouts, DEFAULT_CONFIG, type DesignBody, type DesignColumn, type DesignContent, type DesignJSON, type DesignRow, Divider, type DividerProps, Document, type DocumentProps, type ElementsToolConfig, type ElementsToolProps, Email, type EmailProps, type FontFamilyInput, type FontWeightInput, Heading, type HeadingLevel, type HeadingProps, type Href, Html, type HtmlParts, type HtmlProps, type Icons, Image, type ImageProps, type ImageSrcInput, type LinkStyle, Menu, type MenuItem, type MenuProps, Page, type PageProps, Paragraph, type ParagraphProps, type RenderToHtmlOptions, Row, type RowProps, type SizeInput, Social, type SocialIcon, type SocialProps, Table, type TableProps, type TextAlign, type TextStyleProps, type ToolExporter, type UnlayerConfig, UnlayerProvider, type UnlayerProviderProps, type ValidColumnLayout, Video, type VideoProps, type VideoSource, htmlToTextJson, registerElementsTool, registerTool, renderRowToJson, renderToHtml, renderToHtmlParts, renderToJson, renderToPlainText, useUnlayerConfig, validateColumnLayout };

package/dist/index.d.ts

@@ -118,6 +118,8 @@ interface MenuItem {
 type RenderMode = "web" | "email" | "document";
 interface DesignContent {
     type: string;
+    /** Custom tool name — present when `type` is "custom" */
+    slug?: string;
     values: Record<string, any>;
 }
 interface DesignColumn {
@@ -312,6 +314,10 @@ interface BaseItemComponentProps {
      *  string ("10px", "16px 24px"). Applied by the containing Column. */
     containerPadding?: SizeInput;
     index?: number;
+    /** @internal — content id allocated by the containing Column; keeps the
+     *  value-level _meta.htmlID unique per instance and aligned with the
+     *  wrapper id and head/json numbering. */
+    _metaHtmlId?: string;
     colIndex?: number;
     cells?: any[];
     bodyValues?: any;
@@ -826,32 +832,54 @@ declare const UnlayerProvider: React__default.FC<UnlayerProviderProps>;
 declare function useUnlayerConfig(): UnlayerConfig;
 
 /**
- * Renders an Unlayer element tree to an HTML string.
+ * Options for renderToHtml — config overrides plus document-level extras.
+ */
+interface RenderToHtmlOptions extends Partial<UnlayerConfig> {
+    /** Document `<title>` */
+    title?: string;
+    /**
+     * Web-font stylesheets to load via `<link rel="stylesheet">` tags.
+     * Elements has no font registry, so pass the URLs for any non-system
+     * fonts your design uses (e.g. Google Fonts CSS URLs).
+     */
+    fonts?: Array<{
+        url: string;
+    }>;
+}
+/**
+ * Renders an Unlayer element tree to a complete HTML document — from
+ * `<!DOCTYPE ...>` to `</html>` — matching the editor's exportHtml layouts.
  *
- * - Passes merged config via the `config` prop (no React context — works in Server Components)
- * - Uses `renderToStaticMarkup` — no React hydration markers, clean HTML for email/PDF
- * - Synchronous
+ * Per-mode document shells (mirroring the editor's layout templates):
+ * - `email`: XHTML transitional doctype, VML/Office namespaces, and the MSO
+ *   conditional comments Outlook needs
+ * - `web`: HTML5 doctype with standard viewport/charset meta tags
+ * - `document`: XHTML transitional doctype for print/PDF pipelines
  *
- * @param element - A React element tree (e.g. `<Body><Row>...</Row></Body>`)
- * @param config  - Optional config overrides (mode, cdnBaseUrl, etc.)
- * @returns Clean HTML string
+ * Use {@link renderToHtmlParts} instead when your app owns the document
+ * shell and only needs the head/body chunks.
+ *
+ * @param element - A React element tree (e.g. `<Email><Row>...</Row></Email>`)
+ * @param options - Config overrides (mode, cdnBaseUrl, etc.) plus `title` and `fonts`
+ * @returns Complete HTML document string
  * @throws {Error} If rendering fails, with a helpful message
  *
  * @example
  * ```tsx
- * import { renderToHtml, Body, Row, Column, Paragraph } from "@unlayer/react-elements";
+ * import { renderToHtml, Email, Row, Column, Paragraph } from "@unlayer/react-elements";
  *
  * const html = renderToHtml(
- *   <Body><Row><Column><Paragraph>Hello</Paragraph></Column></Row></Body>,
- *   { mode: "email", cdnBaseUrl: "https://my-cdn.com" }
+ *   <Email><Row><Column><Paragraph>Hello</Paragraph></Column></Row></Email>,
+ *   { title: "Welcome" }
  * );
+ * // "<!DOCTYPE HTML PUBLIC ...><html ...>...</html>"
  * ```
  */
-declare function renderToHtml(element: React__default.ReactElement, config?: Partial<UnlayerConfig>): string;
+declare function renderToHtml(element: React__default.ReactElement, options?: RenderToHtmlOptions): string;
 /**
  * Renders an Unlayer element tree to a plain text string.
  *
- * Internally calls `renderToHtml` then converts to plain text using
+ * Renders the body markup then converts to plain text using
  * `htmlToPlainText`. Useful for generating the text/plain MIME part
  * of multipart emails (critical for deliverability).
  *
@@ -876,19 +904,26 @@ declare function renderToPlainText(element: React__default.ReactElement, config?
 interface HtmlParts {
     /** `<head>` content: `<style>` blocks with component CSS, optional `<script>` tags */
     head: string;
-    /** `<body>` content: the rendered HTML (same output as `renderToHtml`) */
+    /**
+     * The rendered body markup, wrapped in the renderer's host `<div>`. In
+     * email/document mode it contains the `<body>` tag itself; web mode has
+     * none. No doctype/html/head shell — embeddable as-is, or extract the
+     * `<body>` tag when composing a full document.
+     */
     body: string;
 }
 /**
  * Renders an Unlayer element tree to separate head and body HTML strings.
  *
- * This is the recommended API for sending emails, because email clients need
- * the `<style>` block in `<head>` for hover effects, responsive breakpoints,
- * and font declarations that cannot be expressed as inline styles.
+ * Use this when your app owns the document shell — an existing page
+ * template, an ESP template with its own meta tags, an iframe srcdoc —
+ * and you want to place the `<style>` block and body markup yourself.
+ * For a complete ready-to-send document in one call, use
+ * {@link renderToHtml}.
  *
  * - `head` contains `<style>` tags with CSS generated by each component's
  *   head function (button hover colors, body fonts, link styles, etc.)
- * - `body` is identical to what `renderToHtml()` returns
+ * - `body` is the rendered body markup without any document shell
  *
  * @param element - A React element tree (e.g. `<Email><Row>...</Row></Email>`)
  * @param config  - Optional config overrides (mode, cdnBaseUrl, etc.)
@@ -972,4 +1007,104 @@ declare function renderToHtmlParts(element: React__default.ReactElement, config?
 declare function renderRowToJson(element: React__default.ReactElement): DesignRow;
 declare function renderToJson(element: React__default.ReactElement): DesignJSON;
 
-export { Body, type BorderInput, Button, type ButtonProps, Column, type ColumnLayout, ColumnLayouts, DEFAULT_CONFIG, type DesignBody, type DesignColumn, type DesignContent, type DesignJSON, type DesignRow, Divider, type DividerProps, Document, type DocumentProps, Email, type EmailProps, type FontFamilyInput, type FontWeightInput, Heading, type HeadingLevel, type HeadingProps, type Href, Html, type HtmlParts, type HtmlProps, type Icons, Image, type ImageProps, type ImageSrcInput, type LinkStyle, Menu, type MenuItem, type MenuProps, Page, type PageProps, Paragraph, type ParagraphProps, Row, type RowProps, type SizeInput, Social, type SocialIcon, type SocialProps, Table, type TableProps, type TextAlign, type TextStyleProps, type UnlayerConfig, UnlayerProvider, type UnlayerProviderProps, type ValidColumnLayout, Video, type VideoProps, type VideoSource, htmlToTextJson, renderRowToJson, renderToHtml, renderToHtmlParts, renderToJson, renderToPlainText, useUnlayerConfig, validateColumnLayout };
+/**
+ * registerTool — render the editor's custom tools from code.
+ *
+ * Accepts the same tool definition object embedders already write for
+ * `unlayer.registerTool` (see docs.unlayer.com › Custom Tools) and returns a
+ * React component. One definition powers both runtimes:
+ *
+ * - The Builder uses `label`/`icon`/`options`/`renderer.Viewer`/`validator`
+ *   for its panel, canvas, and audit — Elements ignores those.
+ * - Elements calls `renderer.exporters[mode](values)` to produce HTML and
+ *   collects `renderer.head` css/js like any built-in component, so code
+ *   output matches editor exports by construction — it is the same function.
+ * - `renderToJson` emits `{ type: "custom", slug: <name>, values }`, the
+ *   shape the editor stores, so designs round-trip into the Builder where
+ *   the same tool is registered.
+ *
+ * Sanitization: like editor exports, the tool's HTML output is passed
+ * through `toSafeHtml` when one is configured. The default config has NO
+ * sanitizer — with untrusted values, configure `toSafeHtml` (same caveat
+ * as the `<Html>` component).
+ */
+
+/** Exporter: `(values) => html`. Extra args mirror built-in exporters and can be ignored. */
+type ToolExporter = (values: any, ...args: any[]) => string;
+/** One property in an options group — Elements reads only the default. */
+interface ToolOptionConfig {
+    defaultValue?: unknown;
+    /** Disabled options contribute no default */
+    enabled?: boolean;
+    [editorOnly: string]: unknown;
+}
+/** A property group: `options.<group>.options.<property>` */
+interface ToolOptionGroup {
+    options?: Record<string, ToolOptionConfig | undefined>;
+    [editorOnly: string]: unknown;
+}
+/**
+ * The subset of the `unlayer.registerTool` config Elements reads. Extra
+ * editor-only fields (label, icon, Viewer, validator, transformer, ...)
+ * are accepted and ignored, so the same object can be passed to both APIs.
+ */
+interface ElementsToolConfig {
+    /** Unique tool name — becomes the design JSON `slug` */
+    name: string;
+    /** Initial values for the tool's properties (win over option defaults) */
+    values?: Record<string, any>;
+    /**
+     * Property groups. Real-world tools usually define their defaults here,
+     * as each property's `defaultValue` — those seed the initial values,
+     * with tool-level `values` taking precedence (the editor's order).
+     */
+    options?: Record<string, ToolOptionGroup | undefined>;
+    renderer: {
+        /** Per-mode HTML exporters. `document` falls back to `web`. */
+        exporters: Partial<Record<RenderMode, ToolExporter>>;
+        /** Optional head contributions collected into the document `<head>` */
+        head?: {
+            css?: (values: any, ...args: any[]) => string | undefined;
+            js?: (values: any, ...args: any[]) => string | undefined;
+            tags?: (values: any, ...args: any[]) => string[] | undefined;
+        };
+        /** Editor-only canvas renderer — ignored by Elements */
+        Viewer?: unknown;
+    };
+    /** React DevTools name (defaults to the tool name) */
+    displayName?: string;
+    /** Editor-only fields (label, icon, options, validator, ...) — ignored */
+    [editorOnly: string]: unknown;
+}
+/** Props: the tool's values as flat props, plus a `values` escape hatch. */
+type ElementsToolProps = BaseItemComponentProps & Record<string, any> & {
+    values?: Record<string, any>;
+};
+/**
+ * Create a React component from a custom tool definition — a custom tool
+ * is the custom component you create: the same term (and the same config)
+ * as the editor's `unlayer.registerTool`, so one definition serves both.
+ *
+ * @example
+ * ```tsx
+ * const Countdown = registerTool({
+ *   name: "countdown",
+ *   values: { endTime: "", digitColor: "#404040" },
+ *   renderer: {
+ *     exporters: {
+ *       web:   (values) => `<div style="color:${values.digitColor}">…</div>`,
+ *       email: (values) => `<table role="presentation">…</table>`,
+ *     },
+ *   },
+ * });
+ *
+ * <Email><Row><Column>
+ *   <Countdown endTime="2026-08-01T00:00:00Z" digitColor="#e11d48" />
+ * </Column></Row></Email>
+ * ```
+ */
+declare function registerTool(tool: ElementsToolConfig): React__default.FC<ElementsToolProps>;
+/** Alias of {@link registerTool}. */
+declare const registerElementsTool: typeof registerTool;
+
+export { Body, type BorderInput, Button, type ButtonProps, Column, type ColumnLayout, ColumnLayouts, DEFAULT_CONFIG, type DesignBody, type DesignColumn, type DesignContent, type DesignJSON, type DesignRow, Divider, type DividerProps, Document, type DocumentProps, type ElementsToolConfig, type ElementsToolProps, Email, type EmailProps, type FontFamilyInput, type FontWeightInput, Heading, type HeadingLevel, type HeadingProps, type Href, Html, type HtmlParts, type HtmlProps, type Icons, Image, type ImageProps, type ImageSrcInput, type LinkStyle, Menu, type MenuItem, type MenuProps, Page, type PageProps, Paragraph, type ParagraphProps, type RenderToHtmlOptions, Row, type RowProps, type SizeInput, Social, type SocialIcon, type SocialProps, Table, type TableProps, type TextAlign, type TextStyleProps, type ToolExporter, type UnlayerConfig, UnlayerProvider, type UnlayerProviderProps, type ValidColumnLayout, Video, type VideoProps, type VideoSource, htmlToTextJson, registerElementsTool, registerTool, renderRowToJson, renderToHtml, renderToHtmlParts, renderToJson, renderToPlainText, useUnlayerConfig, validateColumnLayout };