+
80
-

grapesjs如何在当前控件后面插入新的控件?

grapesjs如何在当前控件后面插入新的控件?

比如我选择一个控件,然后点击自定义按钮,会在当前选择控件后面自动插入新的控件。

网友回复

+
0
-

使用editor.getSelected().append(`<div>...`);还有其他的用法如下:

//尾部插入
editor.addComponents(`<div>
  <img src="https://path/image" />
  <span title="foo">Hello world!!!</span>
</div>`);

// 在当前选择组件后面插入
editor.getSelected().append(`<div>...`);

//画布尾部插入
editor.getWrapper().append(`<div>...`);

//在画布顶部插入
component.append('<div>...', { at: 0 })

//在画布中间插入
const { length } = component.components();
component.append('<div>...', { at: parseInt(length / 2, 10) })

我知道答案,我要回答