无法创建新的按钮组件
经过更多尝试,似乎我的组件结构是正确的,但我的按钮块却不正常工作。按钮块是这样的: 当将该方块拖入画布时,它未被识别为按钮组件。不过当我改成这样时: 然后就正常工作了。这是个bug还是设计成这样?我在文档里找不到任何关于为什么会这样工作的说明。
阅读下方完整回答 ↓问题
我在为一个元素创建一个新组件时遇到了<button>困难。我到底漏掉了什么?这里是不是出了什么问题?如果我把它改成“<input>''元素,效果很好:
comps.addType('button', {
model: defaultModel.extend({
defaults: Object.assign({}, defaultModel.prototype.defaults, {
可拖拽:确实,
可掉落:错误,
特质:[
“测试”
]
})
},{
isComponent: (el) => {
如果 (el.tagName === 'BUTTON') {
返回 {类型: 'button'}
}
},
}),
});
回答(3)
经过更多尝试,似乎我的组件结构是正确的,但我的按钮块却不正常工作。按钮块是这样的: 当将该方块拖入画布时,它未被识别为按钮组件。不过当我改成这样时: 然后就正常工作了。这是个bug还是设计成这样?我在文档里找不到任何关于为什么会这样工作的说明。
我认为问题在于对“内容”密钥的误解。 当你宣布一个封锁时 “''js 编辑。BlockManager.add('button-block', { // ... 内容:{ 类型:“按钮”, 可掉落:错误, 属性:{ 标题:“你好”, 类型:“提交”, }, }, }); 但当你在组件中使用“content”时,它表示使用静态内容(比如RTE中使用的),所以编辑器不会解析它,在JSON中会以字符串形式存储。 所以这个组件对象: “''js { 可拖拽:确实, Droppable:确实如此, 内容:'<button type=“button” class=“BTN BTN-primary”>了解更...
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
相关问答
通过相似的问题讨论继续研究。
问题 #459
在另一个模块中包含自定义组件时出现错误
抱歉标题有点模糊。我不太确定如何简洁地描述这件事。我有一个自定义块,想限制只有图片可以丢进块的某个部分。我尝试过类似这样的方法: 然而,当我这样做时,尝试将方块从方块调色板中拖出时,会出现以下错误: ... grapes.min.js:2 未捕获类型错误:s 不是构造函数 at...
问题 #460
当组件视图修改HTML时,文本组件不再可编辑
我正在尝试构建一个自定义组件,内容中包含一些Lorem ipsum文本,以便在画布上进行编辑。但我也想修改视图中的HTML(添加一些我想在编辑器中显示但不在已保存HTML中的内容)。我尝试过类似这样的方法: 问题是,如果我像上面那样修改render()函数,文本部分中的文本组件...
问题 #484
我能限制可以放入容器的方块吗?
我的目的是创建一个块,只允许放置图像组件(我用的是 grapes-blocks-basic 的默认组件)在里面。 我有以下测试代码: 但是,当我运行上述代码时,发生的情况是我无法在图像容器中放置图像组件。绿色下拉光标只会出现在容器的顶部、底部和侧面,但不会出现在容器内部。实际上...
问题 #845
无法选择 Iframe
我创建了一种新的组件类型,一个通用iframe,避免选择地图,但当我尝试在画布中选择它以显示定点时,我无法实现。 这是组件代码。
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
浏览插件分类
直接跳转到市场上的插件分类页面。