PLACEHOLDER FOR A VALUE THAT WILL DYNAMICALLY FILLED AT RUNTIME

[lifeofsa]

Hello thanks for this beautiful library, I just wanted to ask that can I put a place holder inside a grapesjs builder like this {{firstName}} and then filled this with the actual value at runtime? I am also attaching a Screenshot for more clearer view

So assuming that I have an object coming from an API call like this
obj = {
"key": "firstName",
"value": "Arthur Melo"
}

I want to see the actual value from a placeholder when I click on a preview or deploy my page
like this..!

[javadsamiee]

You can use these commands

 editor.on('run:preview', () => {
    editor.setComponents(editor.getHtml().replaceAll('{firstName}', 'John'));
 });

 editor.on('stop:preview', () => {});