feat: option to disable trailing block (#679)

* feat-#631 extended block options for traiing block

* feat-#631 Code Updated with less and better changes for feature

* feat-#631- updated documentation for this new `trailingBlock` option

Author: Kashifwahaj

docs/pages/docs/editor-basics/setup.mdx

@@ -25,6 +25,7 @@ type BlockNoteEditorOptions = {
   uploadFile?: (file: File) => Promise<string>;
   collaboration?: CollaborationOptions;
   schema?: BlockNoteSchema;
+  trailingBlock?: boolean;
 };
 ```
 
@@ -44,6 +45,8 @@ The hook takes two optional parameters:
 
 `schema` (_advanced_): The editor schema if you want to extend your editor with custom blocks, styles, or inline content [Custom Schemas](/docs/custom-schemas).
 
+`trailingBlock`: An option which user can pass with `false` value to disable the automatic creation of a trailing new block on the next line when the user types or edits any block. Defaults to `true` if undefined.
+
 **deps:** Dependency array that's internally passed to `useMemo`. A new editor will only be created when this array changes.
 
 <Callout type="info" emoji={"💡"}>

packages/core/src/editor/BlockNoteEditor.ts

@@ -133,6 +133,8 @@ export type BlockNoteEditorOptions<
 
   // tiptap options, undocumented
   _tiptapOptions: Partial<EditorOptions>;
+
+  trailingBlock?: boolean;
 };
 
 const blockNoteTipTapOptions = {
@@ -250,6 +252,7 @@ export class BlockNoteEditor<
       styleSpecs: this.schema.styleSpecs,
       inlineContentSpecs: this.schema.inlineContentSpecs,
       collaboration: newOptions.collaboration,
+      trailingBlock: newOptions.trailingBlock,
     });
 
     const blockNoteUIExtension = Extension.create({

packages/core/src/editor/BlockNoteExtensions.ts

@@ -45,6 +45,7 @@ export const getBlockNoteExtensions = <
   blockSpecs: BlockSpecs;
   inlineContentSpecs: InlineContentSpecs;
   styleSpecs: StyleSpecs;
+  trailingBlock: boolean | undefined;
   collaboration?: {
     fragment: Y.XmlFragment;
     user: {
@@ -131,7 +132,9 @@ export const getBlockNoteExtensions = <
     Dropcursor.configure({ width: 5, color: "#ddeeff" }),
     // This needs to be at the bottom of this list, because Key events (such as enter, when selecting a /command),
     // should be handled before Enter handlers in other components like splitListItem
-    TrailingNode,
+    ...(opts.trailingBlock === undefined || opts.trailingBlock
+      ? [TrailingNode]
+      : []),
   ];
 
   if (opts.collaboration) {