问题 #1868💬 已回答提出于 2019年3月7日作者 sakshigarg91 个反应

如何只为特定的图像组件启用功能,而不是全部

快速解答作者 arthuralmeidap1

你走在正确的道路上。是的,你需要为此创建一个新组件,但你无法覆盖图像组件类型,否则你看到的所有图片都会被覆盖。 这些照片有什么独特之处?你如何区分普通图像和特定图像?这个逻辑你需要加到你的“isComponent”fn里。 提示:可以从现有的Image组件类型扩展你的新组件类型。

阅读下方完整回答 ↓

问题

我已经在图片组件中启用了FA的fa-pencil图标,但我只希望它在特定图片组件中启用,而不是所有组件。我该如何实现这一点?

这是我的代码


domc.addType(“image”, {
    型号:{
      initToolbar() {
        typeImage.prototype.initToolbar.apply(this, arguments);
        const tb = this.get(“toolbar”);
        const tbExists = tb.some(item = > item.command === “open-assets”);

如果 (!tbExists) {
          TB.unshift({
            命令:“开放资产”,
            标签:toolbarIcon
          });
          this.set(“toolbar”,TB);
        }
      }
    }
  });

回答(3)

arthuralmeidap2019年3月7日

你走在正确的道路上。是的,你需要为此创建一个新组件,但你无法覆盖图像组件类型,否则你看到的所有图片都会被覆盖。

这些照片有什么独特之处?你如何区分普通图像和特定图像?这个逻辑你需要加到你的“isComponent”fn里。

提示:可以从现有的Image组件类型扩展你的新组件类型。

sakshigarg92019年3月12日

我试过这个方法,并且从我希望应用该功能的 img 标签中移除了 gjs-data-type=“image”。但它既没有实现这些功能,还会干扰组件的其他属性。

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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