fix(markup): fixed paste handling in markup mode

Author: d3m1d0v

demo/components/Playground.tsx

@@ -82,6 +82,7 @@ export type PlaygroundProps = {
     directiveSyntax?: DirectiveSyntaxValue;
     disabledHTMLBlockModes?: EmbeddingMode[];
     disableMarkdownItAttrs?: boolean;
+    markupParseHtmlOnPaste?: boolean;
 } & Pick<UseMarkdownEditorProps, 'experimental' | 'wysiwygConfig'> &
     Pick<
         MarkdownEditorViewProps,
@@ -133,6 +134,7 @@ export const Playground = memo<PlaygroundProps>((props) => {
         directiveSyntax,
         disabledHTMLBlockModes,
         disableMarkdownItAttrs,
+        markupParseHtmlOnPaste,
     } = props;
     const [editorMode, setEditorMode] = useState<MarkdownEditorMode>(initialEditor ?? 'wysiwyg');
     const [mdRaw, setMdRaw] = useState<MarkupString>(initial || '');
@@ -236,6 +238,7 @@ export const Playground = memo<PlaygroundProps>((props) => {
                     : undefined,
             },
             markupConfig: {
+                parseHtmlOnPaste: true,
                 extensions: markupConfigExtensions,
                 parseInsertedUrlAsImage,
                 renderPreview,
@@ -260,6 +263,7 @@ export const Playground = memo<PlaygroundProps>((props) => {
             experimental?.prepareRawMarkup,
             directiveSyntax,
             disableMarkdownItAttrs,
+            markupParseHtmlOnPaste,
         ],
     );
 

src/markup/codemirror/create.ts

@@ -178,7 +178,7 @@ export function createCodemirror(params: CreateCodemirrorParams) {
                 onScroll(event);
             },
             paste(event, editor) {
-                if (!event.clipboardData) return;
+                if (!event.clipboardData) return false;
 
                 const pasteLogger = logger.nested({
                     domEvent: 'paste',
@@ -197,7 +197,7 @@ export function createCodemirror(params: CreateCodemirrorParams) {
                     logger.event({event: 'paste-markup'});
                     const reindentedYfmContent = smartReindent(yfmContent, currentLine);
                     editor.dispatch(editor.state.replaceSelection(reindentedYfmContent));
-                    return;
+                    return true;
                 }
 
                 // checking if a copy buffer content is suitable for convertion
@@ -231,7 +231,7 @@ export function createCodemirror(params: CreateCodemirrorParams) {
                             currentLine,
                         );
                         editor.dispatch(editor.state.replaceSelection(reindentedHtmlContent));
-                        return;
+                        return true;
                     }
                 }
 
@@ -260,6 +260,7 @@ export function createCodemirror(params: CreateCodemirrorParams) {
                                     title,
                                 },
                             ])(editor);
+                            return true;
                         }
                     }
                 }
@@ -271,7 +272,10 @@ export function createCodemirror(params: CreateCodemirrorParams) {
                 if (pastedText !== reindentedText) {
                     editor.dispatch(editor.state.replaceSelection(reindentedText));
                     event.preventDefault();
+                    return true;
                 }
+
+                return false;
             },
         }),
     );

src/utils/clipboard.ts

@@ -55,6 +55,9 @@ export function shouldSkipHtmlConversion(clipboardData: DataTransfer): boolean {
     // If there's no HTML content, skip conversion
     if (!hasHtml) return true;
 
+    // Check for HTML only (text/html)
+    if (clipboardData.types.length === 1) return false;
+
     // Check for standard HTML clipboard (text/plain + text/html)
     if (clipboardData.types.length === 2) return false;