GrapesJS 问题

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

状态

排序

找到 3,464 个问题

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

0 个反应

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

当文本区域超出某个范围时，情况就变得异常。我不太确定怎么描述，所以附上了屏幕录制。要重现，进入 https://grapesjs.com/demo-newsletter-editor.html，输入靠近视口底部的文本组件，进入文本末尾，继续点击回车。某个时候它开始高亮其他组件，表现得很奇怪。我只是按回车。没有别的操作。鼠标也没移动。 ![GrapesEnters]（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 个反应

缺陷已过时

： Grapes 更改页面位置

你好，我在HTML页面中使用 grapes 时发现了以下问题：当你点击编辑器中的某些元素，比如在标签管理器中移动元素的箭头时，整个页面都会向上移动。问题也出现在你的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变更的最佳方式是什么？

你好，我只是有个小问题，因为我不知道怎么做，或者没找到相关的问题。我只是想在画布上做任何更改时调用一个函数。比如，我要添加或移除一个方块。我正在用样式管理器更改属性。或者拖放画布中的方块。甚至更新特质。有没有一个全局事件可以让它触发我的函数？ I am not talking about any actual changes in the Canvas itself but changes that apply to the final HTML when I call the method editor.getHtml(). 任何帮助或指导都非常感谢，谢谢！更新：目前我发现可以用存储管理器来实现这个功能，方法如...

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]

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

查看详情

GrapesJS 问题

浏览所有主题