How to set block data?

I want to insert a code block and specify the language of the code block like JavaScript for code highlight (I use decorator to make it), but since I use RichUtils.toggleBlockType, how can I add block data on that? Thanks!

[agungsb]

Any concrete example on how to do this?

[mcbattirola]

Any concrete example on how to do this?

It’s been a while but maybe its useful to someone

I was trying to set data on a block as soon as the user leave it.

const setBlockLock = (editorState, block, isLocked) => {
  // save the actual selection to use later
  const userSelection = editorState.getSelection()

  const newData = isLocked ? block.data.set("locked", isLocked) : block.data.delete("locked")    

  // create a new selection with the block I want to change
  const selection = SelectionState.createEmpty(block.key)

  const newContent = Modifier.setBlockData(editorState.getCurrentContent(), selection, newData)

  const newEditor = EditorState.push(editorState, newContent, 'change-block-data')

  // return a new editor state, applying the selection we stored before
  return EditorState.forceSelection(newEditor, userSelection)
}