Issue #3627Opened July 17, 2021by sanchit364 reactions

[QUESTION]: I'm trying to duplicate the page, but the styles are not geting applied due to the Ids, changes to -2,-3 at the end.

Question

  const duplicatePage = (editor) => {
    let components = editor.getHtml();
    let css = editor.getCss();
    let newPage = editor.Pages.add({
      styles: css,
      component: components,
    });
    editor.Pages.select(newPage);
  };

This is what my function looks like. I am trying duplicate the page, the HTML part is fine but as css is applied through ids, when a new page render the ids changes with -2 in end of them. Is there any to prevent it, or any other way of doing this?

Answers (3)

OrigoVlFebruary 7, 20232 reactions

@sanchit36 Hello, are you solving the problem? Can you tell how?

vlontFebruary 16, 20231 reactions

Use this

const page = editor?.Pages.getSelected();

editor?.Pages.add({
    id: (page.get('name') || page.id) + '-copy',
    component: page.getMainComponent().clone()
}, { select: true });```
leonardolima99February 17, 20231 reactions

@vlont Thanks!

Related Questions and Answers

Continue research with similar issue discussions.

Paid Plugins That Match This Issue

Curated by issue keywords and label relevance to help you ship faster.

View all plugins

Loading paid plugin recommendations...

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.