问题 #1420💬 已回答提出于 2018年9月12日作者 sureshDurai1230 个反应

拖拽方块时自定义方块(截面方块)

快速解答作者 nojacko

如果你的分区总是需要1或2列,为什么不去掉分段和列块,而是新增“1列剖面”和“2列剖面”的新块,并保存弹窗呢?

阅读下方完整回答 ↓

问题

你好,我看到有两个独立的模块来添加“sections”和“columns”。我们有个流程,比如拖动一个区域到Canvas时需要弹出一个窗口,我们手动选择该区域是单列或两列区域,我们该如何实现。

我们还看到了method editor.on('component:selected',在放置块时触发,如果我们需要用它来自定义section分离,然后是怎么做的?

提前感谢大家

回答(3)

nojacko2018年9月12日

如果你的分区总是需要1或2列,为什么不去掉分段和列块,而是新增“1列剖面”和“2列剖面”的新块,并保存弹窗呢?

sureshDurai1232018年9月12日

是的,只有 。但我们要求向客户展示单个区域,并且根据他们的拣货弹窗,我们需要拆分。

nojacko2018年9月12日

好的。那就是“画布:投放”事件。连接它,确认是不是某个区块,然后打开你的模态。我不太清楚你是怎么插入这些列的,但希望这些信息对你有帮助。

    editor.on('canvas:drop', (dataTransfer, model) => {
        如果 (model.is('section')) { // <-- 可能不称为“section”
            打开你的模态,开始你的事......
        }
    });

相关问答

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

问题 #710

让整个元素都能拖动,而不仅仅是手柄

我正在修改手柄,除了有手柄外,我还希望整个元素都能拖拽。看代码,我猜我只需要在select时给可拖拽的元素附加'tlb-move'命令。 上述代码在选择状态下,将选中的组件写入控制台。从这里开始,我认为需要添加一个用于拖拽的事件监听器,但我尝试用 '.on()' 附加监听器都失...

3 个回答更新于 2019年11月7日

问题 #554

避免悬停高光,避免选择某些组件

你好,@artf, 在提交拉取请求之前,我想听听你们对以下两项的看法。这些是为了满足我目前正在进行的一个项目的要求,但我希望它们能在 Grapesjs Core 中占有一席之地。防止某些组件出现悬停高亮效果。 组件已经有一个“可高亮”属性,用于虚线轮廓样式。我也在考虑用同一个属...

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

问题 #1095

预选一个特性选择选项

你好, 我想让你在选择特质的选项数组里,在“name”和“value”旁边添加第三个参数,这个参数是“已选中”,以便预选其中一个特质选项。 详细说明: 我通过一个选择特征扩展了头部组件,涵盖了所有头部类型 h1 到 h6。现在我想在事件函数 'component:selecte...

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

问题 #1814

:如何触发触发组件:选择的事件,用我的组件

我想在组件从块拖到画布并渲染时选择它,我尝试过在“component:add”、“component:mount”注册事件并调用“editor.select(component)”,通过回调传递组件,但它没有正确初始化或缺少属性,比如它的类型和我预期的组件不符,自定义特性也没有...

2 个回答更新于 2020年2月22日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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