问题 #1044💬 已回答提出于 2018年4月15日作者 adib182 个反应

更改模型中图像元素的SRC

快速解答作者 artf1

纠正你自定义资产管理器的实现,它不可靠(比如用户双击图片时,你仍然会看到默认的)。跟着这个#491,src的问题就会被修复

阅读下方完整回答 ↓

问题

你好 当图片块掉落到编辑器时,我会隐藏默认资产管理器并显示我的自定义资源管理器:

editor.on('canvas:drop', function (e,result) {
            if(result.attributes.type == 'image'){
                modal.close();
                jQuery('div.my_custom_asset_manager').show();
            }
        });

对此我没问题。但在自定义资产管理器中选择图片时,我会用jQuery在编辑器里把图片元素的SRC改成。

'jQuery('iframe').contents().find('img.in_editor').attr('src','custom_url');' 但当将编辑器中的图像元素从一个块移动到另一个块时,SRC属性会被移除。我搜索并发现,当只用jquery更改SRC时,只有视图会变,但模型必须为图像元素更改。现在我想知道如何更改模型中图像元素的SRC。 谢谢

回答(3)

artf2018年4月15日

纠正你自定义资产管理器的实现,它不可靠(比如用户双击图片时,你仍然会看到默认的)。跟着这个#491,src的问题就会被修复

adib182018年4月15日

非常感谢。我纠正了资产管理人: 在自定义资产管理器中选择图片时使用这个功能 'assettarget.set('src', 'srcimagefromcustomasset_manager');' 感谢你的出色工作。

Stejsi2018年9月25日

你好, 我用过这个方案,效果不错,但现在我无法在风格管理器中为背景图像素材。 它使用自定义函数spreadUrl(),但我不知道怎么调用而不修改Grapesjs核心。 谢谢你的帮助!

相关问答

通过相似的问题讨论继续研究。

问题 #1669

自定义链接模态不会更新当前文本,而是添加带有链接的另一个文本

你好,Artur, 我正在尝试在RTE中点击链接按钮时创建一个自定义模态。但它不会把选中的文本转换成链接,而是添加了带有链接的另一个文本。 谢谢你......

3 个回答更新于 2019年12月20日

问题 #1493

Render() 第一次通话时能正常工作,但后续通话则不行

你好, 我创建了一个自定义组件,用“背景图像”显示图像,<div>而不是用“<img>''元素。大部分时间还能用,只是每次我更改它的“src”特性时,都必须重新加载编辑器来预览渲染后的元素。这是其观点: “''js 查看:originalMap.view.extend({ in...

3 个回答更新于 2019年10月21日

问题 #795

Editor.getSelected() 在 run:open-assets 中

你好! 我希望在不必创建新的块按钮,也不想停止与图片关联的事件,这个“run:open-assets”能在画布中获得编辑器创建的区域,并添加我用个性化模态图片获得的图片。 我想澄清一下,当我在画布内双击图片并从图片管理器中选择该图片时,更新时是正确的,但当我从块面板添加时,它没...

3 个回答更新于 2019年9月18日

问题 #1241

:新风格未反映在面板中

你好, 在我的项目中,我用自己的方式替换了AssetManager。 但是,当我用新管理器更新组件的背景图像时,背景图像显示了,但新状态没有反映在面板上。 基本上我的问题是:我该如何检测用户正在编辑的属性或属性?又该如何在小组中反映新的状态? 此致, 理查德

3 个回答更新于 2019年9月17日

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

直接跳转到市场上的插件分类页面。