How to add new block dynamically using selected component with all its styles?

[FaisalShaikhHA]

How to add new blocks dynamically using a selected component with all its styles?
Same as copy command does, it copies the component I want to create a block using those details.

editor.Blocks.add(id, {
     label: name,
     category: "Custom",
     attributes: { class: "fa fa-box" },
     content: Json.Parse(Json.stringfy(editor.getSelected().clone())),
     activate: true,
});

The above code adds the block but the cloned component does not include styles applied to it or CSS rules.

[allenhwkim]

AFAIK, attributes you added there does not apply to block in iframe view.
Those attributes applies to each block in block manager.

[FaisalShaikhHA]

Thanks, @allenhwkim I am aware of this.