replaceBlock

1import { LightningElement, wire } from "lwc";
2import { replaceBlock } from "experience/blockBuilderApi";
3
4class Example extends LightningElement {
5  blockText;
6  block;
7
8  @wire(getCurrentSelectedBlock, {})
9  onCurrentSelectedBlock({ data }) {
10    if (data) {
11      // extract the text attribute
12      this.blockText = data.attributes.text;
13
14      // convert the block JSON to a JS object
15      this.block = JSON.parse(JSON.stringify(data));
16    }
17  }
18
19  // manipulate the text, or other block attributes
20
21  updateBlock() {
22    const id = this.block.id;
23    this.block.attributes.text = this.blockText;
24
25    // replaceBlock requires the block and the nodeId in an object
26    replaceBlock(this.block, {
27      nodeId: id,
28    }).then((response) => {
29      // while the call returns a promise with a payload,
30      // it is not an indication of the success of the
31      // replace operation, since it is asynchronous
32    });
33  }
34}