GrapesJS 问题

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

找到 743 个问题

🔍 bug
#24692019年12月24日作者 simplecommerce2 个回答
1 个反应

在 React 应用中向 RTE 工具栏添加按钮会导致按钮被重复。

你用的是最新版本吗(旧版本不支持)?是的,0.15.9你是在本地版本GrapesJS还是当前演示版遇到这个bug?本地副本你能重现演示中的bug吗?不,不是React应用。预期行为是什么?工具栏按钮应在编辑器加载时添加一次。接下来会发生什么?当导航离开并返回编辑器时,工具栏按钮会重复出现,次数与导航完成的次数相当。如果你能复现该漏洞,请标明所有必要步骤 请附上截图(使用 KAP/LICEcap)、截图或实时演示https://codesandbox.io/s/react-router-basic-49ki1?fontsize=14&hidenavigation=1&theme=dark点击仪表盘链接。双击文本编辑,查看工具栏。点击...

artf

好的,看起来我们没有在“销毁”方法中清除RTE实例......我会在下次发布时修正它

simplecommerce

目前我得先先做'rte.remove'再输入'rte.add',这样才不会重复。

#24522019年12月10日作者 senchden1 个回答
0 个反应

在选中文本后,组件取消选中两次后文本会消失

繁殖步骤:选择组件中的所有文本移动组件再次选择所有文本再次移动组件取消选择组件 预期结果: 文本仍在 实际结果: 文字消失 可在网页演示中重现,版本为0.15.9。 请参见附上的屏幕播放: ![gjs-text-drag-disappear](https://user-images.githubusercontent.com/31250983/70540827-37807100-1b66-11ea-90cb-6a0dd195b512.gif)

artf

说得好,谢谢

#24222019年11月23日作者 MartinPutz3 个回答
2 个反应

如果在画布上应用了缩放,无法添加“空格”字符

如果在画布上应用了缩放值,无法正确编辑文本组件。 GrapesJS 版本:0.15.8 该问题也可以在演示中重现: [https://jsfiddle.net/1n9ruwa4/](https://jsfiddle.net/1n9ruwa4/) 预期行为: 缩放是通过编辑器在画布上应用的。Canvas.setZoom() 文本组件仍可编辑并添加“空格”(Keycode:32)字符 当前行为: 缩放是通过编辑器在画布上应用的。Canvas.setZoom() 虽然可以添加或编辑其他字符,但你无法添加新的“空格”字符,因为如果应用了缩放,空格字符还会被用来“重新定位”画布。 抓取光标的样式显示了,你可以通过“空格+拖拽”来拖动画布 繁...

mattdeigh

啊,我现在明白了。代码没完全跟踪。我会试试这个,然后告诉你我有什么结果。

Sphenox

我写这个问题,因为如果你专注于“或”'',你不能添加“空格<a><button>”。如果你加上链接:https://jsfiddle.net/1n9ruwa4/,演示中是可复现的 原因是画布上的“notTextable”配置。 “''js notTextable: ['button', 'a', 'input[type=复选框]', 'input[type=radio]'] ``` 我不明白为什么“button”和“a”会在这个数组里,因为RTE也适用于这些元素。但你可能比...

artf

谢谢@MartinPutz好发现

#24112019年11月14日作者 senchden暂无回答
0 个反应

:链接目标无法传播到模型

预期行为: 当将现有链接 target = “blank” 更改为目标 =“”时,该更改会传播到 html。 实际行为: 当将现有链接 target = “blank” 改为 target =“”时,该更改不会传播到 html。 繁殖步骤:保存带有目标“新窗口”(“_blank”)链接的页面。关闭并重新打开编辑器。将链接目标更改为“此窗口”(空字符串)。观察变化,没有传播。 可通过网页演示v.0.15.8重现 附上屏幕录制: ![链接-目标-虫](https://user-images.githubusercontent.com/31250983/68856934-f8373f80-06e1-11ea-9d8e-656f01aa5...

#23592019年10月30日作者 sheldon5forever3 个回答
1 个反应

绝对模式,拖入画布时组件的样式缺失

大家好,我正在用 grapesjs 工作,哪个版本是 '0.15.8',在“绝对”模式下,当我把一个块拖到 Canvas 时,发现组件的样式不见了。 定义组件如下: “JavaScript domc.addType(lineChartRef, { model: defaultModel.extend({ 默认值:{ ...defaultModel.prototype.defaults, 名称:lineChartRef, 可调整大小:正确, Dmode:“绝对”, childrenSelectable: false, 高亮显示:错误, 可掉落:错误, 样式: { “宽度”: “700px”, “高度”: “500px” }, 特质:...

pouyamiralayi

@artf是的!如果我移除“脚本”,这种情况就不会发生了。行为没问题。

pouyamiralayi

你好@sheldonwr你提到的这个bug在我这边无法复现,我试了你的类型定义,效果不错,请检查下面的代码,看看你这边缺了什么: 我观察到这个组件的问题是,当我移动它时,组件停止渲染子体,并且卡住,对任何交互都没有反应。这可能是因为指定了组件级拖曳模式而非全局模式的漏洞。@artf 干杯!

artf

好吧,实际上当一个组件定义了“脚本”属性时,会发生一件奇怪的事情...... 谢谢大家的反馈,我会去看看。你能确认没有“脚本”时它能正常表现吗?

#23572019年10月30日作者 giorgiosjames1 个回答
0 个反应

视频布尔属性在导入时会断裂

解释 Using https://grapesjs.com/demo.html v0.15.8 在 Chrome 77.0.3 ~ Windows 10 专业版 18362 上 使用导入模态导入带有任何布尔属性(控制、循环、自动播放)的视频组件都会破坏该组件上的所有布尔属性,直到该组件被删除。 繁殖步骤导航到 https://grapesjs.com/demo.html清理画布拖拽“视频”块确保“Controls”布尔属性被勾选(应默认)打开导入码模态点击导入布尔属性特征不再作用于组件也无法在移除布尔属性后重新导入视频 屏幕剧本 屏幕显示视频正常工作,然后出现了bug。 ![葡萄视频虫声](https://user-images....

artf

乍一看,问题可能出在这里: https://github.com/artf/grapesjs/blob/a850a305b80b8f86c0e7e4fb92b6492c2e5a1957/src/dom_components/model/ComponentVideo.js#L115-L117 确实,在导出/导入时我本以为只是“...控制>“而不是”......controls=“controls”>'。HTML代码生成器在遇到布尔“真”值时应使用单一属性,所以第一次尝试可能是...

#23322019年10月16日作者 kondziu952 个回答
0 个反应

无法在Firefox浏览器中编辑标签

你好, 我无法在Firefox浏览器(版本69.0.3)中编辑标签。 问题出现在我双击组件编辑时。RTE显示工具栏,但无法更改文本或属性。网页控制台没有显示任何错误。 当选中文本,我试图加粗时,网页控制台里会出现错误: 三击后,文字只能编辑,但只能编辑整条文字。不能只选择部分文本,也不能左右移动光标只更改部分文本。 双击问题 繁殖步骤(实际行为):将标签块贴在画布上,双击标签编辑,无法编辑文本或文本属性(加粗等) 预期行为:将标签块贴在画布上,双击标签编辑,可以编辑文本及其属性(加粗等) ![期数 - dbl](https://user-images.githubusercontent.com/25708371/66899871-...

artf

https://bugzilla.mozilla.org/show_bug.cgi?id=853519 最简单的解决方案可能是强制视图使用“span”标签而不是“label”

schmelik

这是个有趣的“修复”,但也带来了问题...... 张成 != 标签 在给标签(如自助标签)应用填充时,填充不会应用于跨度 除非“显示:内联区块;”也应用于该跨度

#22062019年8月20日作者 WebEtSolutions1 个回答
0 个反应

样式值变为“未定义!重要”

嗨! 当我输入一个重要风格的房产时,这几乎没问题。当我清除字段的值(比如颜色类型)时,值被设置为“未定义!重要”。 要解决这个问题,在 Property.getFullValue 上,你必须先检查值,然后再添加“!important”: 如果(value !== 未定义 & & this.get('important')) { value = '${value} !important'; } 再见!

artf

谢谢@WebEtSolutions下次版本会修复的

浏览所有主题