问题 #3627✓ 已解决提出于 2021年7月17日作者 sanchit364 个反应

:我正在尝试复制页面,但由于 ID,样式无法应用,结尾的 -2,-3 发生了变化。

快速解答作者 OrigoVl2

@sanchit36 你好,你在解决问题吗?你能说出来吗?

阅读下方完整回答 ↓

问题

“JavaScript const duplicatePage = (编辑者) => { let components = editor.getHtml(); 令 css = editor.getCss(); 让newPage = 编辑器。Pages.add({ 样式:CSS, 组件:组件, }); 编辑。Pages.select(newPage); };

这就是我的功能。我正在尝试复制页面,HTML部分没问题,但由于CSS是通过ids应用的,当新页面渲染时,id的结尾会变为-2。
有没有什么方法可以防止这种情况,或者有其他方法可以做到这一点?

回答(4)

👍 最有帮助OrigoVl2023年2月7日

@sanchit36 你好,你在解决问题吗?你能说出来吗?

vlont2023年2月16日

用这个

“''js const page = 编辑?。Pages.getSelected();

编辑?Pages.add({ id: (page.get('name') || page.id) + '-copy', component: page.getMainComponent().clone() }, { select: true });'''

leonardolima992023年2月17日

@vlont 谢谢!

ClaudeCode2026年5月17日

谢谢你举报,@sanchit36。 关于[问题]的好问题:我正在尝试复制页面,但由于ID的关系,样式无法应用,结尾的-2,-3被更改了。。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('something changed')); 组件生命周期 editor.on('...

相关问答

通过相似的问题讨论继续研究。

问题 #3347

我怎样才能获得无压缩的 JS 代码以便编辑?

你好,感谢你帮我解答这个问题。我想用自己的JSEditor来编辑html、css和js。 1、首先,我用 'getHtml', 'getCss', 'getJs' 在我的 JSEditor 里显示代码。我发现JS代码是压缩的。我怎样才能获得无压缩代码? 我用的是'编辑器'。Co...

4 个回答更新于 2021年4月7日

问题 #3455

使用页面管理器在多页面插入组件时,样式会被清除

版本: 0.17.3 预期的行为是什么? 风格应在多页中保持一致 详细描述那个漏洞 我们有个用例是保存并重新加载 GrapesJS 的内容。我们希望利用页面管理器来减少渲染内容,并以更小的部分进行管理。 当我们尝试在多个页面加载内容时,问题就会出现。CSS 会被完全清除,因为之...

3 个回答更新于 2021年5月19日

问题 #4900

SetStyle/getCss() 生成重复的 CSS

葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome 最新动态可复制演示链接 https://codesandbox.io/s/silent-river-ifczcv描述一下那个虫子 如何复现这个漏洞?访问网站参见控制台。注意“”和“bod...

2 个回答更新于 2023年2月5日

问题 #4792

20.2版本的拖放功能失效了

葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome v108可复制演示链接 见下文描述一下那个虫子 如何复现这个漏洞?创建自定义组件将其作为组件和可拖拽块添加到编辑器中添加组件时将编辑器设置为绝对拖拽模式,丢弃后再将组件本身设为绝对拖拽。...

4 个回答更新于 2022年12月20日

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

浏览插件分类

直接跳转到市场上的插件分类页面。