问题 #2316✓ 已解决提出于 2019年10月8日作者 kickbk10 个反应

自定义资产管理视图

快速解答作者 PriyankaPrabhu7

@kickbk 你实现自定义资产管理器了吗?如果是的话,请分享代码

阅读下方完整回答 ↓

问题

我想创建一个自定义的资产管理模态,在 Bootstrap 模态中打开。我想保留原来的资产管理器功能(比如放置图片区域、从移除中获取图片的输入,以及我想用datatable来管理图片/资源)。此外,我还想集成Pixabay API,方便将图片输入编辑器。这可以放在另一个标签页里。参见模型。 能否提供一些通用指南,告诉我如何在我的视图中创建一个引导模态并加载资产管理器? ![mockupgrapes2](https://user-images.githubusercontent.com/31323376/66350823-1d7da480-e911-11e9-80e8-179a0f7335cc.jpg)

回答(3)

👍 最有帮助PriyankaPrabhu2021年9月24日

@kickbk 你实现自定义资产管理器了吗?如果是的话,请分享代码

khoa-justuno2019年10月8日

你可以通过覆盖默认的图片资源管理器来实现自定义模态。

编辑。Commands.add(“open-assets”, {
  run(editor, sender, opts) {
    const assettarget = opts.target;
    开启自己模态的代码请在这里。
   openModal(资产目标)
  }
});

当你想设置图像时,可以使用这个。

const assettarget = opts.target;
assetTarget.set(“src”,image.url);
artf2019年10月17日

我建议采用@khoa-justuno提出的同样方案 如果你需要新的模态,从零创建资产管理器UI会更容易,重复使用GrapesJS创建的DOM元素,在这种情况下维护起来会很麻烦

相关问答

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

问题 #3615

文本组件无法更新,无法从toHTML获得最终结果。

它是文本成分, 如果选择正文,文本会在组件到HTML方法中进行修正保存/应用/存储, 如果只是更新文本,但不保留文本部分,只需点击保存 然后使用“editor.getHTML()”,结果不会更新。 ![Snap77](https://user-images.githubuser...

4 个回答更新于 2021年9月24日

问题 #3699

细胞悬停随机偏离实际细胞

嗨! 我在公司的一个项目中使用 grapesJs 进行电子邮件编辑,并配合 Newsletter 插件。 一切都运行得很好,除了我无法解决的这个bug: 有时候,当我在画布里拖动方块时,单元悬停会乱局。最大的问题是这种行为完全随机,会发生也可能不发生,但一旦发生会很烦人。 唯一...

4 个回答更新于 2021年8月16日

问题 #3091

如何将 grapesjs 与静态 HTML 结合使用

提前为我的英语道歉。 我正在用Laravel和Vue.js开发一个CMS。 我想用 grapesjs 来编辑页面内容,但带有静态的 HTML 元素(比如导航栏、页脚等)。 这是我想要的简单图片。 ![葡萄提问](https://user-images.githubusercon...

3 个回答更新于 2022年7月15日

问题 #2710

资产管理模态中的Unsplash图像

你好,我想在用户打开带有搜索输入的 AsssetManager 模态时添加对 unsplash API 的支持(类似于 Grapedrop)。 ![图片](https://user-images.githubusercontent.com/37115006/79126984-a...

3 个回答更新于 2022年4月13日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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