I am building a block tool: in save() should I always read data from HTML or I can read object properties?

[collimarco]

Hello,

I am trying to build a new component for Editor.js.

In your official guide you suggest this stretegy:

class SimpleImage {
  // ...

  save(blockContent){
    const input = blockContent.querySelector('input');
    return { url: input.value }
  }
}

Why do you read from the HTML instead of reading an instance variable?

E.g. I would use:

class SimpleImage {
  // ...

  render(){
    const input = document.createElement('input');
    input.addEventListener('input', (event) => {
      this.data.url = event.target.value;
    });


    return input;
  }

  save(blockContent){
    return { url: this.data.url }
  }
}

Is this the same? Or is there any reason specific to Editor.js to use the other solution?