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

问题 #664💬 已回答提出于 2017年12月20日作者 SwithFr0 个反应

组件识别

快速解答作者 artf

你好,Jeremy,这 https://github.com/artf/grapesjs/wiki/Components#hints 可能吗?

阅读下方完整回答 ↓

问题

嗨。你好,

我创建了一个“img-link”组件,顾名思义,是一个包含图片的链接。

当我把组件插入编辑器时,一切都完美无缺。但当我想编辑模板时,它不再将我的组件识别为“img-link”,而是将它识别为一个简单的图像,因此不再有我为它定义的行为(自定义特征)。

我尝试使用一个特定的 isComponent 函数:

isComponent: 函数 (el ) {
     如果 ( el.classList && el.classList.contains( 'img-link' ) ) {
        return { 类型: 'img-link' };
     }
}

但这并没有起作用。

有人知道吗?

回答(3)

SwithFr• 2017年12月20日

多亏了插件,它能用!

lock[bot]• 2019年9月18日

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

相关问答

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

问题 #407

定义新的标记语言

你好,@artf, 我想定义一种新的标记语言,比如mjml,让设计更简单、更易读。我从“标签”作为<error>有色人种开始。请在下方写代码; 模型: 'import 组件来自 'grapesjs/src/domcomponents/model/Component'; cons...

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

问题 #460

当组件视图修改HTML时,文本组件不再可编辑

我正在尝试构建一个自定义组件,内容中包含一些Lorem ipsum文本,以便在画布上进行编辑。但我也想修改视图中的HTML(添加一些我想在编辑器中显示但不在已保存HTML中的内容)。我尝试过类似这样的方法: 问题是,如果我像上面那样修改render()函数,文本部分中的文本组件...

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

问题 #484

我能限制可以放入容器的方块吗?

我的目的是创建一个块,只允许放置图像组件(我用的是 grapes-blocks-basic 的默认组件)在里面。 我有以下测试代码: 但是,当我运行上述代码时,发生的情况是我无法在图像容器中放置图像组件。绿色下拉光标只会出现在容器的顶部、底部和侧面,但不会出现在容器内部。实际上...

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

问题 #1247

创建新类型后文本消失

你好! 我正在创建一个新块,在创建过程中(拖放)打开一个模态 https://github.com/artf/grapesjs/issues/174 真的帮了我,效果很好。 但它带来了一个令人惊讶的副作用:当我选择和取消一个文本组件时,文本会消失。 这是代码,我觉得我无意中改了...

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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