在编辑器中查找图片链接
你好@hemanthmc 我建议订阅“sorter：drag：end”事件，然后把React方法当作回调传递。 在方法中检查是否丢弃了图像，并将其src存储到React状态或做任何需要的操作。 一个更详细的例子： 'this.grapesjsInstance.on（'sorter：drag：end'， this.onDragEnd）;' 'onDragEnd（DataTransfer， modelToDrop） { if （modelToDrop && modelToDrop.attributes && modelToDrop.attributes.type === 'image'） { this.setState（{ / 数据需...
阅读下方完整回答 ↓问题
我正在尝试将 GrapesJs 集成到 reactJs 中。
请你帮我解答下面关于GrapesJs-React的问题吗？
• 有没有办法找到编辑器中使用的图片链接？？
举个例子：当我在 grapesjs 编辑器里拖放图片时，它会创建一个带有图像 src 路径的图片标签。所以我希望所有图片路径都被编辑器内使用，所有图片路径都是我拖放到编辑器里的。
回答（3）
你好@hemanthmc 我建议订阅“sorter：drag：end”事件，然后把React方法当作回调传递。 在方法中检查是否丢弃了图像，并将其src存储到React状态或做任何需要的操作。 一个更详细的例子： 'this.grapesjsInstance.on（'sorter：drag：end'， this.onDragEnd）;' 'onDragEnd（DataTransfer， modelToDrop） { if （modelToDrop && modelToDrop.attributes && modelToDrop.attributes.type === 'image'） { t...
谢谢你的建议，@maryia-kabash。
“''js editor.getWrapper（） // 获取包装组件 .find（'img'） // 通过查询字符串查找所有内部组件 .map（comp => comp.getAttributes（）['src']） // map found components
组件API：https://grapesjs.com/docs/api/component.html
相关问答
通过相似的问题讨论继续研究。
问题 #1863
向区块管理器添加新组件
我正在尝试将画布中的多个组件添加到块管理器中，但我认为由于ID问题，它们无法正确显示。ID具体指什么？ 这是我的代码：
问题 #1816
删除该图片后，不允许上传同一张图片并同步位置。
Ajax 调用了 assests 文件夹中上传图片文件 从本地添加图片运行正常。 但在另一种情况下，这并不起作用。请看一看 拖拽图像块 选择一张图片 删掉那张图片 在同一个地方再次添加同一张图片，“上传文件”功能无法调用 删除图片后，它不允许我上传同一张图片和位置的图片
问题 #369
源代码使用失败
我尝试通过使用 'require（'grapesjs/src'）' 来调试源代码和 grapesjs，从而从源码使用 grapesjs。但由于以下问题未能成功;有一些要求，比如“require（'plugin_manager'）”。这些可以通过webpack配置传递，但这并不是...
问题 #1693
CSS/HTML 预览中的奇怪字符（Â）;元素并未完全删除
虫子你是否使用最新版本（旧版本不支持）？0.14.50你是在本地GrapesJS还是当前演示版遇到这个bug？ 这是本地副本。所使用的版本（包括插件）有： '''json “依赖关系”： { “ckeditor”： “^4.11.1”， “grapesjs”： “^0.14.5...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
浏览插件分类
直接跳转到市场上的插件分类页面。