问题 #1222💬 已回答提出于 2018年6月20日作者 laziest-coder0 个反应

为BlockManager添加新功能

快速解答作者 artf

目前,你应该尝试类似的方案 “''js 编辑。BlockManager.add('your-block', { 标签:“你的街区”, // ... 内容:{ // 你的组件 价格:123, // ... } }); Editor.on('canvas:drop', (dr, component) => { const price = component.get('price'); ... })

阅读下方完整回答 ↓

问题

我想用grapes.js为客户创建一个网站构建器,当他们展示设计时,应该会根据使用元素数量显示建成网站的价格。 我遇到的问题是,我无法创建一个叫“Price”的变量,而当从Blockmanager拖拽某个变量时,这个变量“Price”应该会变。

我应该修改哪行代码,为Blockmanager的每个独立对象添加“price”变量,当对象丢弃到指定位置时,变量“price”会改变?

提前感谢大家!希望这种功能也能帮助到其他人。

回答(2)

artf2018年6月24日

目前,你应该尝试类似的方案 “''js 编辑。BlockManager.add('your-block', { 标签:“你的街区”, // ... 内容:{ // 你的组件 价格:123, // ... } }); Editor.on('canvas:drop', (dr, component) => { const price = component.get('price'); ... })

lock[bot]2019年9月17日

由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。

相关问答

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

问题 #639

当标签名称更改时,在Canvas上重新渲染组件

我正在尝试构建一个基础的Header组件,允许你用一个特质选择H1到H6。但当选择某个选项时,画布不会更新。在代码视图中可以看到这个变化,如果我用拖曳工具移动画布中的元素,标签也会随之改变。我一直在阅读API文档和源代码,但我无法让组件自动重新渲染。我怀疑Grapes并没有监听...

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

问题 #1213

我需要帮助

我想用grapes.js为客户创建一个网站构建器,当他们展示设计时,应该会根据使用元素数量显示建成网站的价格。 我遇到的问题是,我无法创建一个叫“Price”的变量,而当从Blockmanager拖拽某个变量时,这个变量“Price”应该会变。 我应该修改哪行代码,为Block...

1 个回答更新于 2019年9月17日

问题 #1255

:如何从自定义组件中设置编辑器的HTML内容?

我在Grapes编辑器中无法让自定义块+组件显示其模板HTML时遇到了困难。在导出的 HTML 中,标记和 CSS 按预期生成。 不过在编辑器里,块不会留下任何界面(不过根据导出的 html/css 它已经成功拖入了)。 我的问题是: 'toHtml' 方法的输出如何正确地应用...

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

问题 #921

从面板按钮中选择并聚焦一个HTML元素

大家好, 有没有可能用Grapes在某个section的html里设置焦点,比如作为锚点?我有一个面板按钮,它只是选择我想要的部分,但不会聚焦到元素。这是代码: panel.addButton('options', [{ 编号:“链接”, 班级名称:“fa fa-th-list...

3 个回答更新于 2020年6月25日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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