PageKit — 可自托管的 GrapesJS 建站工具,附完整源码。 获取抢先体验

问题 #3025💬 已回答提出于 2020年9月15日作者 trony20200 个反应

使内部元素不可通过传播移动

快速解答作者 artf

你可以在中间放置另一个自定义组件,传播这些属性和“可拖拽”功能 或者,由于所有组件的droppable都是false,你也可以直接在初始化时更新所有内部组件 “''js const doTheThing = items => items.forEach(item => { item.set({ draggable: false, removable: false, ... }) doTheThing(item.components()); }); 编辑。DomComponents.addType('eb-privacy', { ... 默认值:{ ... }, init() { doTheThing(this.components...

阅读下方完整回答 ↓

问题

你好,创建一个组件/方块,我们希望内部的元素不被移除、编辑或移动: 没有被移除也没有编辑,好吗?但怎么才能让它们变得不可移动? 谢谢! $.get( “/iscrizionePrivacy.plp?a=VGsflaU2d7D0sUcDhl7lCkkX8tE1UW9kBzLcqcUAR8-yKo74nLUmyXKrfIUstkUirvlSCA5sqeHrBsznmUg&locale=itIT&fromBE=true”, function( data ) { 编辑。DomComponents.addType('eb-privacy', { 让编辑器明白何时绑定“我的输入类型” isComponent: el => el.tagName === 'INPUT', 模型定义 型号:{ 默认属性 默认值:{ 标签名称:“输入”, 可拖拽:'form, form *', // 只能在'form'元素内丢弃 可丢弃:false,// 不能在内部丢弃其他元素 可编辑:错误, 可移除:错误, 可调整大小:正确, 传播:['可丢弃', '可编辑', '可移除'] 组件:数据 } } }); 编辑。BlockManager.add('test-COMPONENT-PRIVACY', { 标签:“test-COMPONENT-PRIVACY”, 内容: '<div data-gjs-type=“eb-p...

回答(3)

artf• 2020年9月16日

你可以在中间放置另一个自定义组件,传播这些属性和“可拖拽”功能 或者,由于所有组件的droppable都是false,你也可以直接在初始化时更新所有内部组件 “''js const doTheThing = items => items.forEach(item => { item.set({ draggable: false, removable: false, ... }) doTheThing(item.components()); }); 编辑。DomComponents.addType('eb-privacy', { ... 默认值:{ ... }, init() { doTheT...

trony2020• 2020年9月16日

跟随代码打印的只有“........做事3......”看起来init()没有被命名为: '$.get( “/iscrizionePrivacy.plp?a=VGsflaU2d7D0sUcDhl7lCkkX8tE1UW9kBzLcqcUAR8-yKo74nLUmyXKrfIUstkUirvlSCA5sqeHrBsznmUg&locale=itIT&fromBE=true”, function( data ) { const doTheThing = items => items.forEach(item => { item.set({ draggable: false }) console....

artf• 2020年9月23日

你必须在画布中使用该组件

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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