功能：insertAdjacentHTML（'afterend'， '<section></section>'）Grapesjs 里有类似的 API 吗？

快速解答作者 artf

你可以这样做： “''js const cmp = editor.getSelected（）; cmp.parent（）.append（'<section>...</section>'， { at： cmp.index（） + 1 }）; ```

阅读下方完整回答 ↓

问题

Is there any way to add new section after the selected component using grapesjs ?

回答（2）

artf• 2021年5月27日

你可以这样做： “''js const cmp = editor.getSelected（）; cmp.parent（）.append（'<section>...</section>'， { at： cmp.index（） + 1 }）;

GJSBlock• 2026年5月17日

谢谢你举报，@iabhiyaan。关于FEAT： insertAdjacentHTML（'afterend'， '<section></section>'）的好问题。Grapesjs 里有类似的 API 吗？推荐的组件方法是使用事件驱动的API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console.log（'something changed...

在 GitHub 上查看完整讨论 →