问题 #2061💬 已回答提出于 2019年6月2日作者 froderf0 个反应

如何在画布末端放置一个组件。

快速解答作者 artf

你可以用类似的东西 “''js const footer = '<div style=“padding: 100px”>My footer</div>'; editor.getWrapper().getEl().insertAdjacentHTML('afterEnd', footer); ```

阅读下方完整回答 ↓

问题

我该如何把页脚放在画布的末端?

我希望编辑器不允许在页脚下方放置方块/小部件。

示例


<!--这里只允许拖拽/放置小部件——>

基点
<!-- 不应该有以下的块/小部件——>

回答(3)

artf2019年6月13日

你可以用类似的东西 “''js const footer = '<div style=“padding: 100px”>My footer</div>'; editor.getWrapper().getEl().insertAdjacentHTML('afterEnd', footer);

froderf2019年6月15日

@artf 我们有类似 removeAdjacentHTML() 这样的东西吗? 'editor.getWrapper().getEl().removeAdjacentHTML('afterEnd',页脚);' 因为当我们使用时 每次重新加载窗口后,它都会不断重复。 -------------- 我正在寻找解决办法,但没找到:( 看起来像个bug?

artf2019年6月15日

我们有类似 removeAdjacentHTML() 这样的东西吗?

getEl() 给你 HTMLElement 实例,所以 insertAdjacentHTML 是来自 DOM API,而不是 GrapesJS

每次你重新加载窗口后,它都会不断重复。

...你能制作一个可重复的演示吗?

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

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