GrapesJS 问题

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

状态

排序

找到 30 个问题

🔍 undo-manager

#44322022年7月9日作者 booellean2 个回答

0 个反应

提问 style-manager undo-manager 缺陷画布

Undo Manager creates Duplicate CSS during custom command

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ 103.0.5060.66（官方构建）（64位）（同级：稳定版）可复制演示链接 https://codesandbox.io/s/cranky-morning-fh5diz?file=/index.js 描述一下那个虫子如何复现这个漏洞？将自定义块“图片”放入画面并调整大小。查看标记预览，你会看到CSS中有两个带有重复标记的ID（图片ID和img ID）“撤销”直到再次调整大小查看标记预览，现在 CSS 标记的 ID 与图片元素重复，阻止了进一步的样式预期的行为是什么？ picture 元素依赖于 img 标签的CSS样式来正确显示维...

artf

我不太确定具体发生了什么，但我建议切换到“styleable：change”事件，并将其选项传递给“setStyle”，比如说， “''js Editor.ON（“styleable：change”，（model， prop， opts） => { let component = editor.getSelected（）; 如果（分量？.attributes.styleShared） { let child = component.attributes.component...

GJSBlock

谢谢你举报，@booellean。关于撤销管理器在自定义命令中创建重复CSS的问题非常好。推荐的 StyleManager 方法是使用事件驱动的 API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console.log（'som...

查看详情

#40102021年12月11日作者 clonefunnels1 个回答

0 个反应

缺陷提问 style-manager undo-manager typescript

[X] 我确认使用最新版本GrapesJS

GrapesJS版本 [X] 我确认使用最新版本GrapesJS 你用的是什么浏览器？ Chrome / Firefox 可复制演示链接 https://www.teamfunnels.net/login.php 演示演示描述一下那个虫子当我用这个代码让所有风格都变得重要时...... editor.on('styleable:change', (model, property) => { const value = model.getStyle()[property]; 如果（value.indexOf（'！important'） === -1） { model.addStyle（{ [property]： value +...

GJSBlock

谢谢你举报，@clonefunnels。 * 的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。尝试什么：添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤：* 如果还没测试过，请用最新的GrapesJS版本测试提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本原因在报告中包含 G...

查看详情

#38792021年10月20日作者 mortimerz1 个回答

0 个反应

提问 undo-manager 缺陷 style-manager typescript

关于选择器管理器未被撤销管理器追踪的更新

你好，@artf！我按照我在关于[如何将选择器管理器事件/动作添加到撤销管理器栈]（https://github.com/artf/grapesjs/discussions/3877）中提出的问题，设置了这个bug。我认为我们想要的是撤销管理器能够跟踪选择器管理器中发生的事件/操作。谢谢！

GJSBlock

谢谢你举报，@mortimerz。关于选择器管理器未被撤销管理器追踪的更新，这是个很好的问题。推荐的UndoManager方法是使用事件驱动的API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console.log（'somet...

查看详情

#36392021年7月23日作者 anatoli-dp4 个回答

0 个反应

undo-manager 组件增强提问 typescript

Improve UndoManager API

我认为一个更详细的历史堆栈会带来很棒的功能。你可以拿到撤销堆栈，然后从中建立一个记录所有编辑的历史报告，但对我来说每次编辑具体是什么不太清楚（至少对我来说是这样，如果我遗漏了什么，请告诉我）。比如用公式化描述，比如组件[组件名称]在[页面位置或组件添加]处添加/删除/编辑，或者组件[组件]文本编辑......（请原谅我用这个笼统描述，因为连我自己都不知道该怎么表达）只是简单介绍一下每个堆栈中项目的撤销/重做历史。我目前只知道每个历史物品的ID，如果现在可行的话，我只是不知道该如何提取这些信息来创建一个历史侧边栏，除了ID，请给我一些线索，告诉我该注意什么最新版本有替代方案吗？[ ] 是的（描述替代方案）[ x] 不这是否与某个...

artf

嗨@anatoli-dp，如果能查看撤销历史会非常酷，我已经在考虑如何扩展UndoManager模块，通过插件实现这种功能（比如你可以用你喜欢的框架渲染UI）。 UndoManager 栈会在任何被监听的模型/集合（组件、CSS 规则等）发生变化时更新，新增一个包含动作信息的 UndoAction 对象。值得注意的是，一次更改可以生成多个撤销动作： “''js 这会为新组件生成一个撤销操作以及另一个用于新CSS规则的任务 editor.addComponents（' <d...

anatoli-dp

是的，我知道如何访问这个栈，只是不知道怎么设计它，才能给最终用户更有意义的描述

artf

我只是不知道怎么给最终用户一个更有意义的描述每个UndoAction（堆栈的每个实例）都会告诉你动作的“类型”（例如“添加”、“删除”、“重置”、“更改”）以及关于更新模型的详细信息（例如，Component、CssRule 等）。你可以尝试读取这些数据，但我更想的是如何让每个操作都易于识别。

查看详情

#35772021年6月29日作者 alimajed933 个回答

0 个反应

undo-manager 提问画布 typescript

UndoManager hasUndo（）方法在不该返回时返回为真

我正在尝试禁用撤销按钮，因为没有撤销操作。为此，我正在监听“change：changesCount”事件，并使用“editor？”。属性？撤销Manager？hasUndo（）' 来设置撤销按钮的禁用状态。 'editor.on（'change：changesCount'， editor => setHasUndo（editor？.属性？撤销Manager？hasUndo（）））;' 除了以下这种情况，它对我来说还算是有效的：我在空白画布上创建新模板我拖放一个方块我撤销问题是，虽然撤销现在应该被禁用，但它没有，因为“编辑器？”属性？撤销Manager？hasUndo（）' 返回为真，和 'editor？' 一样。撤销Manag...

artf

所以队列中增加了一个额外的动作，而实际上不应该有，那就是我在画布上拖动一个方块时。不太行，你能做一个可复现的演示吗？我不能复现？

no-response[bot]

由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。

GJSBlock

谢谢你举报，@alimajed93。关于UndoManager hasUndo（）方法在不应该返回时返回为真的好问题。推荐的 Canvas 方法是使用事件驱动的 API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console....

查看详情

#34372021年5月6日作者 RaresVlaiduc2 个回答

0 个反应

提问缺陷 undo-manager typescript

UNDO/REDO ISSUE

@artf，如果你问我，这很重要:) 版本：v0.17.3 你能重现演示中的bug吗？[x] 是的[ ] 不预期的行为是什么？如果我更改设备，然后按撤销再重做，我会回到最后一个设备类型。（例如：移动端 - >平板，撤销，重做）描述一下那个虫子如何繁殖：编辑器登场按移动模式按撤销键按重做键检查控制台之后，撤销/重做功能就失效了。你能附上截图、截屏或实时演示吗？[x] 是（附上）[ ] 不 ![图片]（https://user-images.githubusercontent.com/73160095/117284331-62601900-ae6f-11eb-9ca7-1c31b850af5c.png）

artf

谢谢@RaresVlaiduc我会在撤销管理器里阻止追踪设备更改

GJSBlock

谢谢你举报，@RaresVlaiduc。关于撤销/重做问题的好问题。推荐的UndoManager方法是使用事件驱动的API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console.log（'something changed'...

查看详情

#33942021年4月8日作者 alext27933 个回答

1 个反应

undo-manager 提问常规

UndoManager add

how to add undo/redo event to UndoManager from custom rich text editor ckeditor?

Ju99ernaut

“UndoManager”通常会追踪组件模型的变化，所以如果你能以某种方式记录组件中rte的变更，可能会有效。我不太确定具体怎么操作，所以无法给出更详细的描述。无论如何，ckeditor 自带了撤销管理器，或者你也可以用它，你可能需要在配置里包含撤销/重做按钮

artf

是的，正如@Ju99ernaut已经提到的，所有主要的RTE编辑都实现了自己的撤销管理器。事实上，当启用RTE（内置或自定义）时，所有快捷方式都会被禁用，以避免干扰文本编辑（当你编辑文本并按CTRL+Z时，你期望能撤销已编辑的文本）。

GJSBlock

谢谢你举报，@alext2793。关于UndoManager添加的好问题。ProseMirror 推荐的方法是使用事件驱动的 API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console.log（'something cha...

查看详情

#32902021年2月25日作者 marcepoblet3 个回答

0 个反应

提问缺陷 undo-manager typescript

当我们撤销图片时，changesCount参数应重置为零

版本： v0.16.41 你能重现演示中的bug吗？ [ ] 不预期的行为是什么？当我们撤销图片时，changesCount参数应重置为零详细描述那个漏洞步骤：添加图片删除图片撤销更改我们应该看到 changesCount 参数应该被重置为零。目前的行为是什么？ changesCount参数是递增的，而不是0。你能附上截图、截屏或实时演示吗？** [ ] 是的（附上了视频） https://user-images.githubusercontent.com/64096863/109162404-ee124680-7756-11eb-9668-b1909b913831.mp4

GayathriGuru

嗨！@marcepoblet你能分享一下你用来定义 changesCount 变量以实现递增的代码部分吗？

artf

我就结束这段，因为我看不出这个功能有什么实质性的好处

GJSBlock

谢谢你举报，@marcepoblet。撤销图像时，changesCount参数应重置为零的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。尝试什么：添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤：如果还没测试过，请用最新的GrapesJS版本测试提供最小可重复的示例（CodeSandbox）——这有...

查看详情

#32402021年1月18日作者 marcepoblet2 个回答

0 个反应

undo-manager style-manager 常规

UndoManager：撤销和重做的组合不正常，丢失了一些样式

https://user-images.githubusercontent.com/64096863/104953457-35adf180-59a5-11eb-85bd-2f84ffa24d83.mp4 删除模板后，文本和按钮块的样式会丢失，需要多次撤销和重做。问题是，从块中应用的样式在应用撤销和重做功能后会丢失。我附上了一个视频来展示这个问题。

artf

这个问题应该会在最新版本中得到修复，请正确遵循问题模板，并确保在提交错误前使用最新版本

GJSBlock

谢谢你举报，@marcepoblet。感谢你分享关于UndoManager：撤销和重做组合不正常，丢失了一些样式的报告。为了帮助团队调查并优先排序：请提供：一个最小可复现的例子（CodeSandbox/JSFiddle）你的GrapesJS版本号浏览器和操作系统信息浏览器控制台的任何错误信息重现问题的步骤最有帮助的是什么：简约代码示例（不是你整个项目）屏幕录制或截图显示问题明确区分预期行为与实际行为你正在使用的GrapesJS配置有了这些细节，维护...

查看详情

#31612020年11月27日作者 ssmanoj-grapes4 个回答

0 个反应

缺陷组件 style-manager undo-manager typescript

Editor Undo 正在移除集合，无法替换组件

在撤销前所选组件的集合 ![元素收集-前-u]（https://user-images.githubusercontent.com/75111879/100419275-467b6e80-30aa-11eb-8df4-10e210d41689.png）撤销后所选组件的集合 ![元素收集后]（https://user-images.githubusercontent.com/75111879/100419319-55622100-30aa-11eb-8272-baebedf9313e.png）代码用新组件替换该组件 ![代码]（https://user-images.githubusercontent.com/75111879/...

artf

抱歉，没有可复现的演示，这个问题对我来说说不通

ssmanoj-grapes

你好，artf，请查看本期[grapejs-issue.zip]（https://github.com/artf/grapesjs/files/5630421/grapejs-issue.zip）的演示视频。

artf

好吧，既然你无法制作一个可复现的演示，我得关闭这个......

查看详情

GrapesJS 问题

浏览所有主题