问题 #795✓ 已解决提出于 2018年1月25日作者 chiqui3d3 个反应

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

快速解答作者 artf3

注意[当前命令](https://github.com/artf/grapesjs/blob/dev/src/commands/view/OpenAssets.js) 你的指挥应该是这样的 “''js 编辑。Commands.add('open-assets', { run(editor, sender, opts = {}) { 比如,你可以调用自定义资产管理 someCustomeManager.open({ onImageSelect(url) { 更新所选组件 opts.target.set('src', URL); ... } }) } }); ```

阅读下方完整回答 ↓

问题

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

editor.on('run:open-assets', function(){
	编辑。Modal.close();
	window.send_to_editor = 函数(src) {
		editor.getSelected().set('src', src)
		editor.getSelected().set('srcset', src)
		tb_remove();
	}
});

还有其他解决办法吗?

回答(3)

👍 最有帮助artf2018年1月25日

注意[当前命令](https://github.com/artf/grapesjs/blob/dev/src/commands/view/OpenAssets.js) 你的指挥应该是这样的 “''js 编辑。Commands.add('open-assets', { run(editor, sender, opts = {}) { 比如,你可以调用自定义资产管理 someCustomeManager.open({ onImageSelect(url) { 更新所选组件 opts.target.set('src', URL); ... } }) } }); ```

artf2018年1月25日

抱歉@chiqui3d但请尽量详细说明,因为我一点你问的都没听到。

chiqui3d2018年1月25日

是的,@artf,你说得对,我刚更新了,希望现在大家都能理解。

相关问答

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

问题 #1719

点击素材模态中的图片时发生事件

你好,@artf, 希望你一切安好。 我正在做资产管理。我默认有5张图片作为资产管理器。 我想做的,比如, 1)当用户点击模板中任意默认图片时,我想更改该图片的ID(想知道如何更改) 2)一旦资源管理器弹窗打开,用户可以选择任意图片,点击的图片就会被替换为目标图片(这样操作正常...

2 个回答更新于 2020年1月14日

问题 #1044

更改模型中图像元素的SRC

你好 当图片块掉落到编辑器时,我会隐藏默认资产管理器并显示我的自定义资源管理器: 对此我没问题。但在自定义资产管理器中选择图片时,我会用jQuery在编辑器里把图片元素的SRC改成。 'jQuery('iframe').contents().find('img.ineditor...

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

问题 #930

资产更改后更新调整尺寸

嗨!我尝试用我们的自定义管理器更改默认资产管理器。 双击后,所选图片会被替换成一个不同大小的新图片。它能用,但调整尺寸的元素没有更新它们的位置。有可能重新初始化它吗? ![图片](https://user-images.githubusercontent.com/3715462...

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

问题 #1971

事件触发了对远程存储的先前状态属性

我正在尝试通过以下代码提取图像的“src”更改,并将其存储到远程存储中,方法是使用以下代码 我遇到的问题是,当我第一次更改图像时,主机的存储资源中会显示出想要的输出>image2.jpg 但参数并未受到影响,实际上它没有对参数产生任何触发 第二次把图片改成image1.jpg时...

2 个回答更新于 2020年4月25日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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