@firecms/editor 3.0.1 → 3.1.0-canary.1df3b2c

package/dist/editor.d.ts

@@ -2,6 +2,20 @@ import React from "react";
 import { type JSONContent } from "./components";
 import { EditorAIController } from "./types";
 export type FireCMSEditorTextSize = "sm" | "base" | "lg";
+/**
+ * Configuration options for the markdown editor.
+ */
+export interface MarkdownEditorConfig {
+    /**
+     * Allow HTML input/output. When set to false, HTML tags in pasted content
+     * will be stripped. Defaults to true.
+     */
+    html?: boolean;
+    /**
+     * Convert pasted text to markdown format. Defaults to false.
+     */
+    transformPastedText?: boolean;
+}
 export type FireCMSEditorProps = {
     content?: JSONContent | string;
     onMarkdownContentChange?: (content: string) => void;
@@ -17,9 +31,14 @@ export type FireCMSEditorProps = {
     aiController?: EditorAIController;
     customComponents?: CustomEditorComponent[];
     disabled?: boolean;
+    /**
+     * Configuration for markdown parsing and serialization.
+     * Controls how HTML is handled during paste operations.
+     */
+    markdownConfig?: MarkdownEditorConfig;
 };
 export type CustomEditorComponent = {
     name: string;
     component: React.FC;
 };
-export declare const FireCMSEditor: ({ content, onJsonContentChange, onHtmlContentChange, onMarkdownContentChange, version, textSize, highlight, handleImageUpload, aiController, disabled }: FireCMSEditorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FireCMSEditor: ({ content, onJsonContentChange, onHtmlContentChange, onMarkdownContentChange, version, textSize, highlight, handleImageUpload, aiController, disabled, markdownConfig }: FireCMSEditorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/index.es.js

@@ -1921,7 +1921,8 @@ const FireCMSEditor = ({
   highlight,
   handleImageUpload,
   aiController,
-  disabled
+  disabled,
+  markdownConfig
 }) => {
   const ref = React.useRef(null);
   const editorRef = React.useRef(null);
@@ -1974,7 +1975,8 @@ const FireCMSEditor = ({
   const extensions = useMemo(() => [starterKit, Document.extend({}), HighlightDecorationExtension(highlight), TextLoadingDecorationExtension, Underline, Bold, TextStyleKit, Italic, Strike, Color, Highlight.configure({
     multicolor: true
   }), Heading, CustomKeymap, DragAndDrop, placeholder, tiptapLink, imageExtension, taskList, taskItem, Markdown.configure({
-    html: true
+    html: markdownConfig?.html ?? true,
+    transformPastedText: markdownConfig?.transformPastedText ?? false
   }), horizontalRule, bulletList, orderedList, listItem, blockquote, codeBlock, code, SlashCommand.configure({
     HTMLAttributes: {
       class: "mention"
@@ -1983,7 +1985,7 @@ const FireCMSEditor = ({
       upload: handleImageUpload,
       aiController
     })
-  })], []);
+  })], [markdownConfig?.html, markdownConfig?.transformPastedText]);
   return /* @__PURE__ */ jsx("div", { ref, className: "relative min-h-[300px] w-full", children: /* @__PURE__ */ jsx(EditorProvider, { content: content ?? "", extensions, immediatelyRender: canUseDOM, editorProps: {
     editable: () => !disabled,
     attributes: {