如何扩展图片资源类型以添加自定义属性?
“''js 编辑。AssetManager.addType('image', { 浏览量:{ attributes: { 'custom-attr': 'custom-value' } } }); ``` 如果你需要同时更新已经定义好的资源,可以放到插件里
阅读下方完整回答 ↓问题
你好,
我正在尝试对默认图片资源做一个简单的修改,但遇到了瓶颈,我确定我漏掉了什么简单的东西。
我需要图像元素有一个额外的属性,我可以传递给它,叫做mySpecialId。我搞不清楚怎么让资产把它渲染到DOM。
我觉得我应该这样扩展图片类型,我觉得我应该像这样使用 updateTarget 方法:
am.addType('image', {
浏览量:{
更新目标(target) {
..这里有些代码,但是什么?
}
},
});
但这并没有起作用。当我点击图片时,什么反应都没有。我觉得这是因为我在替换图片中的基础更新目标逻辑,而我想扩展它。
当我尝试创建自己的第二种资产类型——image2时,资源管理器里什么都无法渲染。我觉得这是因为默认的 asset render 命令只渲染 image 类型的素材,但我搞不清楚当有人把 Image 拖到画布上时,怎么/在哪里渲染其他类型的对象。
非常感谢帮助。
谢谢 安德鲁
回答(1)
“''js 编辑。AssetManager.addType('image', { 浏览量:{ attributes: { 'custom-attr': 'custom-value' } } });
如果你需要同时更新已经定义好的资源,可以放到插件里
相关问答
通过相似的问题讨论继续研究。
问题 #6685
自定义组件样式在删除和重新添加后不会被应用
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome v143.0.7499.193 可复制演示链接 https://codesandbox.io/p/sandbox/2l3887 描述一下那个虫子 如何复现这个漏洞? 打开页面...
问题 #5320
上传图片或资源在文件/图片选择时没有触发
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome v114 可复制演示链接 没有 描述一下那个虫子 如何复现这个漏洞?我用的是[grapesjs-react](https://www.npmjs.com/package/grapes...
问题 #3596
价值无法逃避
GrapesJS 代码存在 XSS 问题,因为值插入 DOM 时不会逃逸,例如 https://github.com/artf/grapesjs/blob/dev/src/assetmanager/view/AssetImageView.js#L30 如果“model.getF...
问题 #2705
为图像添加图像尺寸
当我给页面添加图片属性时,我注意到在 组件内部,图片本身有属性。 当我把图片调入资产管理器时,我的操作如下: 然而,图像添加到画布时,高度和宽度数据是无法显示的。我尝试通过以下方法来获取尺寸: 'component.views[0].el.height' 而且我尝试添加它到对象...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。