更细致的拖放调整大小和重新定位控制
方便调整尺寸 你可以在你的[组件类型定义](https://grapesjs.com/docs/api/component.html#properties)中添加“可调节大小:true”。功能对组件的拖拽 你可以在编辑器或特定组件上应用: 干杯!
阅读下方完整回答 ↓问题
我希望能为组件的拖拽功能添加额外功能,这样可以轻松调整大小和重新定位,而不必手动通过屏幕右侧的面板。
你能给点建议,说明代码库中应该重点关注哪个部分吗? 有没有人做过类似的事情,愿意分享一下他们的经验和知识?
谢谢
回答(3)
方便调整尺寸
你可以在你的[组件类型定义](https://grapesjs.com/docs/api/component.html#properties)中添加“可调节大小:true”。
功能对组件的拖拽
你可以在编辑器或特定组件上应用:
editor = grapesjs.init({
dragMode:“绝对”,
})
或者针对特定组件:
component.setDragMode('absolute')
干杯!
感谢@pouyamiralayi的指导。 这对列之类的东西也适用吗?
@rodenp是的!每个组件类型都可以使用这个属性。
相关问答
通过相似的问题讨论继续研究。
问题 #3770
:改进并修复绝对拖拽模式
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome v93 可复制演示链接 https://codepen.io/damnslow/pen/yLXXOxQ 描述一下那个虫子 如何复现这个漏洞?选择两个元素使用拖曳图标拖曳 预期的行为是...
问题 #6685
自定义组件样式在删除和重新添加后不会被应用
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome v143.0.7499.193 可复制演示链接 https://codesandbox.io/p/sandbox/2l3887 描述一下那个虫子 如何复现这个漏洞? 打开页面...
问题 #3622
I18n 功能
版本: 最新 你能重现演示中的bug吗?[] 是的[ ] 不 预期的行为是什么? 给编辑。I18n.setLocale(“es”)在运行时工作。 详细描述那个漏洞 我不知道这是不是个bug,或者本来就不应该这样,另外,我对Backbone了解不够,不知道是否可行,但当使用编辑器...
问题 #6663
符号在逐步加载页面时会断裂(实例丢失__symbol链接)
这里有一段展示这个bug的视频: https://github.com/user-attachments/assets/0fdc76ed-cee5-4481-98b1-cbbf52572b31 GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。