Merge pull request #6422 from ueberdosis/feature/emit-content-error-when-content-check-is-disabled-cherrypick-next

Merge pull request #6411 from ueberdosis/feature/emit-content-error-when-content-check-is-disabled

.changeset/fresh-ads-nail.md

@@ -0,0 +1,5 @@
+---
+"@tiptap/core": minor
+---
+
+Add config option to emit content error when content check is disabled

packages/core/src/Editor.ts

@@ -92,6 +92,7 @@ export class Editor extends EventEmitter<EditorEvents> {
     enablePasteRules: true,
     enableCoreExtensions: true,
     enableContentCheck: false,
+    emitContentError: false,
     onBeforeCreate: () => null,
     onCreate: () => null,
     onUpdate: () => null,

packages/core/src/commands/insertContentAt.ts

@@ -76,18 +76,10 @@ export const insertContentAt: RawCommands['insertContentAt'] =
       let content: Fragment | ProseMirrorNode
       const { selection } = editor.state
 
-      try {
-        content = createNodeFromContent(value, editor.schema, {
-          parseOptions: {
-            preserveWhitespace: 'full',
-            ...options.parseOptions,
-          },
-          errorOnInvalidContent: options.errorOnInvalidContent ?? editor.options.enableContentCheck,
-        })
-      } catch (e) {
+      const emitContentError = (error: Error) => {
         editor.emit('contentError', {
           editor,
-          error: e as Error,
+          error,
           disableCollaboration: () => {
             if (
               'collaboration' in editor.storage &&
@@ -98,6 +90,33 @@ export const insertContentAt: RawCommands['insertContentAt'] =
             }
           },
         })
+      }
+
+      const parseOptions: ParseOptions = {
+        preserveWhitespace: 'full',
+        ...options.parseOptions,
+      }
+
+      // If `emitContentError` is enabled, we want to check the content for errors
+      // but ignore them (do not remove the invalid content from the document)
+      if (!options.errorOnInvalidContent && !editor.options.enableContentCheck && editor.options.emitContentError) {
+        try {
+          createNodeFromContent(value, editor.schema, {
+            parseOptions,
+            errorOnInvalidContent: true,
+          })
+        } catch (e) {
+          emitContentError(e as Error)
+        }
+      }
+
+      try {
+        content = createNodeFromContent(value, editor.schema, {
+          parseOptions,
+          errorOnInvalidContent: options.errorOnInvalidContent ?? editor.options.enableContentCheck,
+        })
+      } catch (e) {
+        emitContentError(e as Error)
         return false
       }
 

packages/core/src/types.ts

@@ -354,6 +354,15 @@ export interface EditorOptions {
    * @default false
    */
   enableContentCheck: boolean
+  /**
+   * If `true`, the editor will emit the `contentError` event if invalid content is
+   * encountered but `enableContentCheck` is `false`. This lets you preserve the
+   * invalid editor content while still showing a warning or error message to
+   * the user.
+   *
+   * @default false
+   */
+  emitContentError: boolean
   /**
    * Called before the editor is constructed.
    */