Adding a custom block at the end of the editor content in slatejs react

Question

I have created an editor using Slate js in react. I am trying to insert a block at the end of the editor content. I came across a method to insert block at the range. How to specify the range of the document such that my custom blocks gets added at the end of the content but focus stays at the current selection and not at the end of the document.

function insertFile(editor, src, target) {
  editor.insertBlock({
    type: 'file',
    data: { src },
  })
}

My schema looks like this

const schema = {
  blocks: {
    file:{
      isVoid: true
    }
  }
}

EthanSnow · Accepted Answer · 2022-04-14 08:38:18Z

4

Using the Transforms object, it behaves just like you wished.

import { Transforms } from 'slate'

Transforms.insertNodes(
    editor,
    { type: 'paragraph', children: [{ text: 'xxxx' }] },
    { at: [editor.children.length] }
)

To see the document for this: Link1 Link2

answered Apr 14, 2022 at 8:38

EthanSnow

413 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Adding a custom block at the end of the editor content in slatejs react

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related