问题 #494💬 已回答提出于 2017年11月8日作者 z-vr0 个反应

将模块作为组件在程序上放置

快速解答作者 z-vr

哦,我找到了怎么做的——通过 'editor.addComponents({ 类型: 'MyComponent' })'。有没有办法通过 CSS 选择器把它插入到特定元素中? 找到了这段片段,但我该如何找到正确的索引? “''js editor.getComponents().add('<div>Text</div>', {at: index}); ```

阅读下方完整回答 ↓

问题

我创建了一个自定义类型和一个块

“''js DomComponents.addType('MyComponent', { ... }); BlockManager.add('Component', { content: { type: 'MyComponent' } });

能否通过名称或其他方式将其插入“DomComponents”?我不想每次都手动拖放方块。谢谢。

回答(3)

z-vr2017年11月8日

哦,我找到了怎么做的——通过 'editor.addComponents({ 类型: 'MyComponent' })'。有没有办法通过 CSS 选择器把它插入到特定元素中?

找到了这段片段,但我该如何找到正确的索引? “''js editor.getComponents().add('<div>Text</div>', {at: index});

z-vr2017年11月8日

好的,我做的是 “''js export default function iterateChildren(components, fn) { components.each((model) => { fn(模型); const childComps = model.get('components'); iterateChildren(childComps, fn); }); } export function findModels(components, selector) { const found = []; iterateChildren(components, (model) =>...

artf2017年11月8日

你实际上可以用“view.$el.data('model')”从现金元素实例获取模型,所以你可能用更少的代码就能实现 “''js wrapper.view.$el.find('#hero .text').each((el, i, $el) => console.log($el.data('model')) )

相关问答

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

问题 #1959

在自定义按钮中编辑 innerHTML

大家好, 我正在尝试更改按钮组件中的文本,但无法编辑它。我添加了这个类型: 我添加了可编辑的真实参数,但不起作用 然后把按钮添加到组件管理器里 有什么办法可以绕过这个问题吗? 谢谢!

3 个回答更新于 2020年4月15日

问题 #1696

特质首次出现在自定义组件的拖拽中

你好,artf,我创建了自定义组件并为它添加了特征,当拖动这个组件到编辑器并选择它时,设置特征是正常工作的。 问题是,当将同一个组件拖到旧组件后面到编辑器并选择设置特征时,默认特征(ID,标题)会只显示,这是我实现的代码 对于创建组件: this.editor.BlockMan...

3 个回答更新于 2020年4月15日

问题 #459

在另一个模块中包含自定义组件时出现错误

抱歉标题有点模糊。我不太确定如何简洁地描述这件事。我有一个自定义块,想限制只有图片可以丢进块的某个部分。我尝试过类似这样的方法: 然而,当我这样做时,尝试将方块从方块调色板中拖出时,会出现以下错误: ... grapes.min.js:2 未捕获类型错误:s 不是构造函数 at...

3 个回答更新于 2019年9月18日

问题 #1528

自定义块在从localStorage自动加载时不会执行脚本

我用的是以下代码来做我的自定义方块,当方块被放到画布上时它是正常的。 但当块从 localStorage 加载时,它只创建 div 封装器,不会执行自定义块的 content.script 部分。<br> 我试过把脚本属性简化成只做警报或控制台调用,但没用。控制台没有错误。 b...

2 个回答更新于 2019年10月18日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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