我能限制可以放入容器的方块吗?
问题
我的目的是创建一个块,只允许放置图像组件(我用的是 grapes-blocks-basic 的默认组件)在里面。 我有以下测试代码: 但是,当我运行上述代码时,发生的情况是我无法在图像容器中放置图像组件。绿色下拉光标只会出现在容器的顶部、底部和侧面,但不会出现在容器内部。实际上,我不能把任何组件放进去。 我有点假设“droppable”属性可以和这里示例中的“draggable”属性一样工作:https://github.com/artf/grapesjs/wiki/Components。Component.js的来源写道: 所以看起来它们应该是一样的。我是不是哪里做错了? 是不是反过来做更好?比如创建一个自定义图像组件,并限制其可拖拽属性?(我还没试过——不确定能否覆盖/扩展默认图片类型的行为)
回答(3)
这个修复方法有效。谢谢!
@roytang你的代码看起来没问题,可能只是你的组件“空得太多”,鼠标指针进不去。试着加一点缓冲,看看效果如何 “''js 内容:'<div class=“image-container” style=“padding:20px”></div>',
嗯。我用的是宽高100px的图片容器样式。另外,移除扩展模型中的可丢弃属性后,我可以在模型里放进文本和图片。
相关问答
通过相似的问题讨论继续研究。
问题 #459
在另一个模块中包含自定义组件时出现错误
抱歉标题有点模糊。我不太确定如何简洁地描述这件事。我有一个自定义块,想限制只有图片可以丢进块的某个部分。我尝试过类似这样的方法: 然而,当我这样做时,尝试将方块从方块调色板中拖出时,会出现以下错误: ... grapes.min.js:2 未捕获类型错误:s 不是构造函数 at...
问题 #460
当组件视图修改HTML时,文本组件不再可编辑
我正在尝试构建一个自定义组件,内容中包含一些Lorem ipsum文本,以便在画布上进行编辑。但我也想修改视图中的HTML(添加一些我想在编辑器中显示但不在已保存HTML中的内容)。我尝试过类似这样的方法: 问题是,如果我像上面那样修改render()函数,文本部分中的文本组件...
问题 #1959
在自定义按钮中编辑 innerHTML
大家好, 我正在尝试更改按钮组件中的文本,但无法编辑它。我添加了这个类型: 我添加了可编辑的真实参数,但不起作用 然后把按钮添加到组件管理器里 有什么办法可以绕过这个问题吗? 谢谢!
问题 #1891
无法创建新的按钮组件
我在为一个元素创建一个新组件时遇到了<button>困难。我到底漏掉了什么?这里是不是出了什么问题?如果我把它改成“<input>''元素,效果很好:
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
浏览插件分类
直接跳转到市场上的插件分类页面。