GrapesJS 问题

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

状态

排序

找到 3,464 个问题

#33622021年3月23日作者 qweiop8013 个回答

0 个反应

Double click problem

grapesjs - 0.16.105 当我点击一个元素（表单——这个元素已经禁用了克隆）时，接下来第二个元素（列）。第一个元素克隆到第二个元素，结果所有样式都丢失了。你能帮我吗？ https://user-images.githubusercontent.com/44744754/112153667-cb534080-8be3-11eb-90ef-dbccc866fde2.mp4

artf

你好，首先你需要更新你的 Grapesjs 版本，它太旧了，没有可复现的问题演示我帮不了你

qweiop801

我把 Grapesjs 更新到 0.16.45，问题依旧存在

GJSBlock

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

查看详情

#33592021年3月23日作者 qweiop8012 个回答

0 个反应

style-manager 缺陷提问

Double click copy bug.

当我点击一个元素时，第二个元素，第一个元素会克隆到第二个元素，导致所有样式丢失。你能帮我吗？ ![图片]（https://user-images.githubusercontent.com/44744754/112105704-071ee380-8bad-11eb-9782-fd34c5f0c614.png）

artf

你好@qweiop801请按照问题模板操作，按照所有步骤操作

GJSBlock

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

查看详情

#33582021年3月22日作者 qweiop8012 个回答

0 个反应

组件常规

Set Model property.

我如何在此事件中禁用模型拖拽按钮：

artf

如果你说的“模型拖拽按钮”是指工具栏上的按钮，你应该更新“toolbar”属性，比如： “''js model.set（'toolbar'， [{ 属性：{ 类别：'fa fa-trash-o' }，命令：“TLB-删除” }]) ```

GJSBlock

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

查看详情

#33562021年3月22日作者 mitcht2 个回答

0 个反应

增强组件缺陷提问

Unminified version in the latest release

你想给GrapesJS添加什么？每个版本的未压缩版本详细描述你的功能需求详细我正在使用一些更复杂的方法，使用组件管理器。最后一个未压缩的“调试”版本是 0.15.xx。能否同时发布未压缩版和压缩版，以便能进入代码？ This请求来自我试图向同事解释addComponent功能的工作原理，但无法完整解释，于是我试图进入代码，却发现没有未压缩版本existed 最新版本有替代方案吗？[ ] 是的（描述替代方案）[X] 不 - 我想用最新版本，而不是旧版本来实现这个功能这是否与某个问题有关？[ ] 是的（请提供本期链接）[X] 不

artf

你好@mitcht当前的捆绑包包含了压缩文件，同时也包含了源码映射，所以你可以很容易地通过开发工具查看原始代码（更多内容见这里，[https://developers.google.com/web/tools/chrome-devtools/javascript/source-maps）]），因此如果你需要调试代码，没有必要同时包含未压缩版本。你的情况呢？我觉得直接展示源代码（在Github上）更有信息量。

GJSBlock

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

查看详情

#33552021年3月22日作者 Franci5co5aoco3 个回答

0 个反应

提问文档 typescript

Add a title attribute to the Layers panel elements

你好@artf，当我在图层面板中嵌套多个元素时，由于图层面板宽度不够大，有些元素名称会被截断，我知道自定义可调整大小面板可以解决，但大多数用例中添加标题属性就足够了。 ![截图 2021-03-22 14 50 53]（https://user-images.githubusercontent.com/23215166/112005599-338e1d80-8b23-11eb-9596-8e436734d383.png）一个提示（标题）对用户会很有帮助。 grapesjs/src/navigator/view/ItemView.js 也许在跟随行添加标题属性能解决问题吗？ https://github.com/artf/gra...

artf

是啊，为什么不呢......你想创建一个永久纪录吗？:)

Franci5co5aoco

@artf当然，谢谢！我要做公关......

GJSBlock

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

查看详情

#33542021年3月22日作者 ThetripGr2 个回答

1 个反应

缺陷提问 style-manager

如果有两个实例 grape ，第一个资产管理人的“停止工作”就会

版本： 0.16.44 预期的行为是什么？我期望在同一页面中同时拥有两个独立的 grape 实例，并且能够正确使用资产管理器详细描述那个漏洞* 我在一个页面上初始化了两个 grape 实例，配置如下情况是，编辑器的第二个实例中，资产管理系统运行正常。相反，在第一个实例中，资产管理系统似乎有点坏了。下面的图片中，你可以看到我第一次尝试使用资产管理器时显示的画面。这里我上传了一张图片，但根本看不到。 ![图片]（https://user-images.githubusercontent.com/65759874/111960862-f319aa00-8af8-11eb-8ebe-90c37a6b116a.png）但是，这张图...

ThetripGr

好吧，经过一番调查，真正的问题是我发起编辑的方式，所以是我的错。我没有确保实例真正分开，结果覆盖了第一个实例，尽管它看起来正常且没有错误。我关闭这个问题，因为它不是真正的bug报告。

GJSBlock

谢谢你举报，@ThetripGr。同时存在两个 grape 实例的问题，使得第一个“停止”的资产管理者出现看起来是竞态状态或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。尝试什么：添加setTimeout包装器以确保DOM已稳定：检查初始化顺序 — 确保组件在操作前已完全加载使用编辑器的事件系统 — 收听完成事件：推荐的下一步步骤：如果还没测试，请用最新的 GrapesJS 版本测试提供最小可重复的示例（CodeSandb...

查看详情

#33532021年3月19日作者 jcsofts2 个回答

0 个反应

提问 style-manager 缺陷文档

The colorpicker scroll off the input box

感谢你的工作，这是个不错的项目，可能不是个bug。我尝试让样式管理器中的色彩选择器滚动，输入框也一样。例如：（颜色，背景）输入框打开选色器滚动样式管理器输入框移动了，但颜色选择器仍停留在原来的位置我在 Grapesjs 演示网站上试过这个 <img width=“506” alt=“WeChat944c23a71851577e18470c0dec31441e” src=“https://user-images.githubusercontent.com/33087222/111763958-a73ee900-88dd-11eb-9751-b6012039d577.png”> <img width=“510” alt=“W...

artf

颜色选择器绝对地放置。除非你能找到方法在样式管理器的滚动页面上更新，否则我看不到其他办法。

GJSBlock

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

查看详情

#33522021年3月19日作者 harsh2014 个回答

1 个反应

提问组件缺陷 typescript

如果标签主体为空，默认内容在使用setComponents时会入

版本：最新你可以在控制台输入“grapesjs.version”获得版本你能重现演示中的bug吗？[X] 是的[ ] 不预期的行为是什么？带有空体的组件不应被填充默认内容。目前的行为是什么？当我们创建一个空节点并用 setComponents（）作为输入传递给 GrapesJS 时，如果标签主体为空，扩展 TextNode 的组件会添加默认内容。详细描述那个漏洞** 当我们创建一个空节点并用 setComponents（）作为输入传递给 GrapesJS 时，如果标签主体为空，扩展 TextNode 的组件会添加默认内容。我们有用例，有些标签可能是空的。有没有办法通过 setComponents 插入禁用它？...

artf

你在组件定义中定义了默认的“内容”，所以空的定义会用它作为默认。只需将那个“内容”从组件定义中移动到“段落”块。

harsh201

@artf 有人能帮帮忙吗？

harsh201

谢谢@artf！完全忘了要在方块层面添加。

查看详情

#33502021年3月18日作者 devtechk3 个回答

4 个反应

缺陷提问常规

未捕获类型错误：无法访问属性“el”，n未定义

你好，我用的是 grapesjs 0.16.44，只有在 Firefox 里遇到这个问题。使用 Grapesjs Block 基本预设。有人能帮帮我吗？非常感谢！ ![图片]（https://user-images.githubusercontent.com/22073497/111650465-9b7ff380-8805-11eb-87a6-7b653997367d.png） ![图片]（https://user-images.githubusercontent.com/22073497/111650496-a5a1f200-8805-11eb-91e9-1f16c3dc7f0b.png）

artf

试着把你的代码放进去 “''js editor.on（'load'，（） => { // ... }) ```

devtechk

问题“解决”后移除：正在寻找更好的解决方案，先让块面板自动对焦激活我还注意到其他冲突，比如自定义模态和导出插件中的模态（点击导出插件时触发了FFox上的自定义模态），或者比如我重新设置过的面板又出现了，我已经把所有内容放进代码里解决了

GJSBlock

谢谢你举报，@devtechk。未捕获类型错误：无法访问属性“el”，n未定义的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。尝试什么：添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤：如果还没测试过，请用最新的GrapesJS版本测试提供最小可重复的示例（CodeSandbox）——这有助于团队更...

查看详情

#33492021年3月18日作者 maivanchuong953 个回答

0 个反应

提问常规

Import template from file zip this export

大家好我想从之前由 grapesjs 导出的文件导入 zip 文件。你能帮帮我吗？

artf

这和核心库无关。如果需要，你可以自己做插件

Sunsiha

你好@maivanchuong95你有没有想出什么解决办法？

GJSBlock

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

查看详情

GrapesJS 问题

浏览所有主题