BUG:限制包裹组件的掉落
问题
版本: 0.16.22 你能重现演示中的bug吗? [ ] 是的 [X] 不——需要编辑js。 预期的行为是什么? 一旦将“droppable”属性设置为“false”,包装组件就不应是“droppable”。 目前的行为如何?' 设置这个属性时没有任何反应。 详细描述那个漏洞 子组件可以通过 'data-gjs-droppable=“.foo”' 或 'data-gjs-droppable=“false”来限制, 但当该属性在包装组件上使用 'DomComponent' API 时则无效。我尝试过在“init”里用“domComponents”添加它们,直接在init之后添加,或者等待编辑器“加载”。我已经尝试使用“droppable”、“data-droppable”和/或“data-gjs-droppable”这些属性。这样做的目的是确保用户不能把物品丢弃在基础模板之外,因为那会影响后期处理。我刚接触Grapej,但在Issues和StackOverflow、Google等网站上都找不到相关信息。 你能附上截图、截屏或实时演示吗?** [X] 是的(附上) [ ] 不 [https://codesandbox.io/s/kind-ritchie-5ue7i](https://codesandbox.io/s/kind-ritchie-5ue7i)创建一个包裹,如: '<di...
回答(3)
你好@BillTheGoat init后试试这个:
editor.getWrapper().set({
“可丢弃”:错误
});
我觉得是因为包装不构成DomComponents的一部分。 主成分仅指包裹内部的组件。:微笑:
嗯。我尝试过这个,因为API文档中第一个函数是[DomComponents.getWrapper()](https://grapesjs.com/docs/api/components.html#getwrapper),而且它确实应用了属性,正如我上面沙盒中所见。这让我觉得奇怪的是,editor.getWrapper() 函数似乎只是源 ;) 中 editor.get(“DomComponents”).getWrapper() 的封装器。 编辑:实际上 wrapper 在 domComponents 的初始化范围内,所以这样是可以的: 非常感谢你们的出色工作。
相关问答
通过相似的问题讨论继续研究。
问题 #3806
添加视频时目标为零
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome新版本 可复制演示链接 https://codesandbox.io/s/react-redux-toolkit-application-forked-l5rhp?file=/src/...
问题 #2142
拖曳分量及其父分量
警告 请阅读并遵循接下来的五个步骤,然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md仅将GitHub Issues用于BUG、功能请求或问题。在问题标题前加上上下文,例...
问题 #2424
通过<P>关闭现有<p>标签,点击回车键来创建新标签
警告 请阅读并遵循接下来的五个步骤,然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md仅将GitHub Issues用于BUG、功能请求或问题。在问题标题前加上上下文,例...
问题 #2793
扩展图像特征
你好, 我想扩展图片类型,加入一些选项,特别是点击时的重定向选项。 我在编辑器初始化后尝试了这个解决方案(我具体说我是在全JavaScript和非Node.js环境中工作): 编辑。DomComponents.addType('image', { isComponent: el...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。