GrapesJS 问题

已收录 3,464 个 GitHub 问题 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。

找到 3,464 个问题

#18722019年3月9日作者 kickbk2 个回答
0 个反应

在文本组件内多次点击回车

当文本区域超出某个点时,情况就变得异常。我不太确定怎么描述,所以我附上了屏幕录制。 要重现,进入 https://grapesjs.com/demo-newsletter-editor.html,输入靠近视口底部的文本组件,进入文本末尾,继续点击回车。到了某个阶段,它开始高亮其他组件,表现得很奇怪。 我只是按回车。别无他物。鼠标没有移动。 ![葡萄进来](https://user-images.githubusercontent.com/31323376/54064879-be667e80-41cd-11e9-8790-eed20c0e453f.gif)

artf

CKEditor bug(默认的 RTE 是可以的),很可能与元素在 iframe 中有关(不幸的是,很多文本编辑器因为忽略了这一点而失败)。某个时候它开始突出其他组件,表现得很疯狂。 我只是按回车。别无他物。鼠标没有移动。 只是因为鼠标位置导致组件悬停(其实也不算太夸张😂)

lock[bot]

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

#18702019年3月8日作者 fmr4112 个回答
0 个反应

在标签 i 中设置 data-gjs-type (Why iscomponent not working)

当我添加 block(tag i)时,data-gjs 类型是“I”(我创建的特征没有问题) ![screenshot5](https://user-images.githubusercontent.com/15244481/54005438-05338480-418c-11e9-89a6-639fcdcce03d.png) 我有特质 ![screenshot7](https://user-images.githubusercontent.com/15244481/54005451-0f558300-418c-11e9-9d69-508a4f5f859d.png) 但如果保存并重新加载,data-gjs类型设置为“默认”(特性不起...

artf

你存储/加载错误,请在这里阅读 https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates

lock[bot]

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

#18692019年3月7日作者 Ramkumar-Murugesan3 个回答
0 个反应

如何在输入特征中添加额外字段

你好, 我想在默认输入特征中添加新字段。 例如: 我需要在已有的输入特征中添加{label: binding, name:binding} ![图片](https://user-images.githubusercontent.com/33427536/53938957-cba14180-40d7-11e9-9342-1fab368f9c44.png) 如上图所示。我需要在 name 和占位符之间添加一个新字段。 有人能帮帮我吗? 提前感谢大家

arthuralmeidap

文档里会详细说明你要找什么。 请看这里:https://grapesjs.com/docs/modules/Traits.html#add-traits-to-components

Ramkumar-Murugesan

我是通过使用 而且运行正常

lock[bot]

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

#18682019年3月7日作者 sakshigarg93 个回答
1 个反应

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

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

arthuralmeidap

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

sakshigarg9

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

artf

@sakshigarg9为了防止混乱,使用新的 ['addType'](https://grapesjs.com/docs/modules/Components.html#improvement-over-addtype)(你会漏掉 'view' 属性,这会破坏旧声明中的某些内容) 顺便说一句,我建议通过扩展“图片”来创建一个*新组件类型,而不是仅仅扩展当前的图片(这样你就是编辑所有图片)。

#18672019年3月6日作者 arthuralmeidap2 个回答
0 个反应

自定义成分和JS

你好@artf, 我正在尝试创建一个自定义组件并附加一个 JS。举个更好的例子,把这个组件看作幻灯片组件。对于这个组件,我有一些自定义特征,允许用户更改一些预定义的配置。 问题是当我通过“脚本”键连接 J 字时,同时添加块。 我的新自定义组件没有调用“isComponent”方法。 调试代码时,我发现解析组件时会有验证功能,用来检查内容是字符串还是数组。当组件附加 Js 时,内容将是一个对象。 看看PR #1866,告诉我你的看法

artf

问题出现在我通过脚本键附加 J 字时,同时添加块。 我的新自定义组件没有调用isComponent方法。 你好,Arthur,你能举个例子说明你的情况吗?因为我不太明白问题出在哪里。 看了你的PR,我不明白你为什么要解析“content”属性,而这个属性是编辑用来处理静态内容(比如RTE编辑的内容),所以不应该被解析 “''js editor.addComponents({ 类型:“文本”, 内容:“<i>RTE的一些</i><b>静态内容</b>”, }); ```

lock[bot]

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

#18652019年3月6日作者 Gianglo2 个回答
0 个反应

:葡萄换页

你好, 我在HTML页面中使用葡萄时发现了以下问题: 当你点击编辑器中的某些元素,比如在标签管理器中移动元素的箭头时,整个页面都会向上移动。 问题也出现在你的JSFiddle入门模板 https://jsfiddle.net/szLp8h4n。 ![bug_grapes](https://user-images.githubusercontent.com/25904038/53885056-20cc4d00-401d-11e9-98fc-035e4c7032a5.gif)

artf

好的,我们使用 [scrollIntoView](https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView) API 来在画布中居中元素(在图层中选择组件时)和图层(在 Canvas 中选择组件时),但似乎这会浮现到主窗口。看了看 https://stackoverflow.com/a/52835382 这个配置似乎解决了问题 “''js const editor = Grapesjs.i...

lock[bot]

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

#18642019年3月6日作者 simplecommerce3 个回答
3 个反应

听最终HTML变更的最佳方式是什么?

你好, 我只是有个小问题,因为我不知道怎么做,或者没找到相关的问题。 我只是想在画布上做任何更改时调用一个函数。 比如,我要添加或移除一个方块。 我正在用样式管理器更改属性。 或者拖放画布中的方块。 甚至更新特质。 有没有一个全局事件可以让它触发我的函数? 我说的不是画布本身的实际变化,而是调用方法编辑器.getHtml()时,应用到最终HTML的改动。 任何帮助或指导都非常感谢,谢谢! 更新: 目前我发现可以用存储管理器来实现这个功能,方法如下: 如果有更简单的解决方案,不用用这种方式,我很乐意听取建议。 谢谢!

a-bashtannik

@simplecommerce,也可以试试这个,可能更适合你 “JavaScript editor.on('change:changesCount', e => { 变身! }); ```

arthuralmeidap

我认为你这样做是最简单的实现方式。

arthuralmeidap

你想在最后达到什么目标? 你可以用类似“editor.on('all', () => //your code here );' 之类的,但这根本不实用。GrapesJS 触发了许多事件,我觉得这可能不适合你的需求。

#18632019年3月6日作者 sakshigarg93 个回答
3 个反应

向区块管理器添加新组件

我正在尝试将画布中的多个组件添加到块管理器中,但我认为由于ID问题,它们无法正确显示。ID具体指什么? 这是我的代码:

WebEtSolutions

你好, 你的LinkedIn登录ID和你的GooglePlus登录ID是一样的。 方块的密钥必须是唯一的。 再见

arthuralmeidap

ID 内部用于逐个跟踪每个区块。正如@WebEtSolutions说的,你应该为每个新块添加唯一标识符

sakshigarg9

哦,好的,成功了,谢谢!

#18622019年3月6日作者 sakshigarg93 个回答
0 个反应

在块管理器中反映已删除的组件

我如何在块管理器中创建动态组件,使得当对组件执行删除操作时,触发该组件被放置在块管理器中?

arthuralmeidap

组件和模块是不同的概念。 如果你说的是块,可以用块上的'.trigger('remove'')'来移除块,从BlockManager中移除它

artf

@sakshigarg9阅读文档 https://grapesjs.com/docs试着理解你正在读的内容尝试自己解决问题如果你做不到,可以按照模板打开一个问题,并向我们展示你尝试过的做法

sakshigarg9

@artf感谢大家的耐心,我以后也会这么做

#18612019年3月6日作者 sakshigarg92 个回答
0 个反应

按钮和文本资产管理器

就像图片有资源管理器可以为图片组件提供预定义的替代方案一样,按钮和文本是否也能实现类似的功能?比如为按钮组件提供替代图标,或者为文本组件提供替代的预定义文本。例如,我希望为用户提供一个选择眼睛图标(fa fa-eye)的替代方案,代替“显示”按钮。 ![播放按钮](https://user-images.githubusercontent.com/31568599/53858279-91fd0780-3fff-11e9-8387-ba3c2422906a.png) 或者对于某些文本,我希望用户能提供一些预定义的文本选项供用户选择。

artf

@sakshigarg9自定义[组件](https://grapesjs.com/docs/modules/Components.html)你可以做任何你想做的事。可能只需要看看图像组件是怎么制作的(它的[模型](https://github.com/artf/grapesjs/blob/dev/src/domcomponents/model/ComponentImage.js)和[视图](https://github.com/artf/grapesjs/blob/dev/...

lock[bot]

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

浏览所有主题