PageKit — 可自托管的 GrapesJS 建站工具,附完整源码。 获取抢先体验

问题 #1578✓ 已解决提出于 2018年11月14日作者 mathiasbc3 个反应

关于“src”属性的自定义请求

快速解答作者 artf❤ 2

你好,@mathiasbc使用最新的 https://github.com/artf/grapesjs/releases/tag/v0.14.43 应该能用类似这样的东西 “''js editor.on('component:mount', model => { 如果 (model.is('像'))) { if (model.get('src') == '{{image_url}}') { model.getEl().src = “http://via.placeholder.com/350x150”; } } }); ```

阅读下方完整回答 ↓

问题

我实现了一个小型GrapesJS编辑器,可以编辑Django/Jinja2模板。GrapesJS默认是尝试获取我元素的图片预览: <a href=“{{producturl}}” target=“blank”><img src=“{{imageurl}}” width=“130”/></a> 每次我把模板加载到GrapesJS编辑器时都会出现这个请求: 不过http://localhost:8000/%7B%7Bimageurl%7D%7D 404 (Not Found)GrapesJS编辑器即使调用了404也能正常工作。但我想处理对图片的请求。所以,我不想GrapesJS对http://localhost:8000/%7B%7Bimage_url%7D%7D做默认调用,而是想渲染一张占位图,比如说:https://placekitten.com/200/300 我目前的配置: 如何通过Grapes实现这一点?

回答(3)

artf• 2018年11月17日

你好,Mathias,目前我看到的唯一可能性是扩展“image”组件及其“render()”方法。我可能会添加一些新的组件事件,让这种情况更容易管理

lock[bot]• 2019年11月22日

由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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