问题 #1471✓ 已解决提出于 2018年10月1日作者 alfaalex812 个反应

Block管理器与形象

快速解答作者 arthuralmeidap2

@alfaalex81 对于“content”对象,你可以添加一个新的索引,叫做“classes”。该索引需要是一个类数组,这些类将应用到新的 Image 块上; 最终代码:

阅读下方完整回答 ↓

问题

嗨!我用这个代码添加一个新块:

blockManager.add(“image”, { 标签:“形象”, 分类:“基础”, 属性:{ 类:“GJS-fonts gjs-f-image” }, 内容:{ 风格:{ 颜色:“黑色” }, 类型:“图像”, activeOnRender: 1, }, });

当我进入 Canvas 时,如何给 img 标签添加自定义类?

谢谢。

回答(3)

👍 最有帮助arthuralmeidap2018年10月1日

@alfaalex81 对于“content”对象,你可以添加一个新的索引,叫做“classes”。该索引需要是一个类数组,这些类将应用到新的 Image 块上; 最终代码:

alfaalex812018年10月2日

太棒了! 我还有另一个关于同样论点的问题。例如,我需要创建一个带有图片的自定义块: <div> <ul> <li> <div><a href=“#link”><img src=“” alt=“标题图片” /></a></div> <a href=“#link” >Title</a> </li> </ul> </div> 我用块管理器添加代码,但直接进入Canvas时资产管理器打不开。否则如果我用image type属性,它会忽略我的html内容,我在js fidle里保存了一个示例: https://jsfiddle.net/fp78yon0/ 谢谢!

arthuralmeidap2018年10月3日

这并不是现在葡萄的行为。 AssetManager只有在你直接在img区块上直接掉落时才会打开。

你必须在自定义区块中选择 img 块,然后执行类似这样的代码:

editor.runCommand('open-assets', {
  目标:editor.getSelected()
});

相关问答

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

问题 #1647

如何显示图像组件的 src?

你好@artf我想在拖放图片组件时显示我的图片 这是我的代码 'bm.add( 'image', { 标签:opt.imageBlkLabel, category: opt.categoryElementsLabel, 内容:{ 类型:“图像”, src:“http://pla...

1 个回答更新于 2019年12月11日

问题 #1432

自定义 DomComponent 和 Block 允许所有元素复制

我创建了一个自定义块: 以及一个自定义主导组件: 还有一个自定义命令(我找到了出错的地方): 当我为子 img 设置新链接时,我添加到编辑器中的任何块都会被添加两次,当我选择这个重复的块时,两个块都会被选中并更改: ![图片](https://user-images.githu...

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

问题 #922

问题:为组件添加默认样式

我一直在努力将葡萄糖整合进我正在开发的一个新开发项目中。 我在文档和维基论坛上取得了很大成功,但遇到了一些问题,希望有人能帮我解决。 我只用移动端视图,默认设备设置为移动端,并关闭了更改选项。 当我插入图片时,我希望默认的CSS能包含最大宽度:100%,因为如果我在移动视图加载...

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

问题 #958

无法通过 bootbox 或其他方式创建弹窗。

无法创建启动框弹窗。 以下是我的代码: var blockManager = 编辑器。BlockManager; blockManager.add('design', { 标签:“设计”, 内容:{ 脚本:“bootbox.alert('Hi');console.log(“元素...

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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