GrapesJS 问题

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

找到 877 个问题

🔍 question
#34572021年5月13日作者 RaresVlaiduc4 个回答
3 个反应

自定义特质输入无法正常工作

你好@artf! 版本:0.17.3 你能重现演示中的bug吗?[ ] 是的[x] 不 预期的行为是什么? 输入是正确的 详细描述那个漏洞 我正在尝试创建一个自定义输入(复选框),但不行。 目前的行为是什么? 见附件。 你能附上截图、截屏或实时演示吗?**[x] 是(附上)[ ] 不 代码: ![图片](https://user-images.githubusercontent.com/73160095/118131026-af5f6480-b406-11eb-8fca-cac1bfe5de40.png) 结果: ![图片](https://user-images.githubusercontent.com/73160095/11...

artf

@RaresVlaiduc嗯,我觉得它也能用HTML字符串......我得去看看

ahmedderkaoui

然后,在“createInput()”中返回一个“元素”。 所以,与其返回一个简单的“字符串”,不如这样做:

ahmedderkaoui

如果你想要一个带标签的简单复选框,不需要创建自定义特质,你可以直接使用:

#34552021年5月12日作者 harsh2013 个回答
2 个反应

使用页面管理器在多页面插入组件时,样式会被清除

版本: 0.17.3 预期的行为是什么? 风格应在多页中保持一致 详细描述那个漏洞 我们有个用例是保存并重新加载 GrapesJS 的内容。我们希望利用页面管理器来减少渲染内容,并以更小的部分进行管理。 当我们尝试在多个页面加载内容时,问题就会出现。CSS 会被完全清除,因为之前插入的页面会被清除。 繁衍步骤插入第1页的组件和样式切换到第2页,插入组件和样式。切回第1页 当前行为 风格被抹去。 CodePen 的重要摘录 “JavaScript” const pageManager = 编辑器。页数; editor.setComponents('<p id=“abcd”>测试页面1</P>'); editor.setStyle(“...

artf

你好,所有页面都可以使用样式@harsh201,所以你不应该使用'editor.setStyle'(它会用新样式替换所有样式),而是用类似'editor.getStyle().add('...')''

harsh201

你好,@artf,有什么建议吗?

ClaudeCode

谢谢你举报,@harsh201。 样式在使用页面管理器在多页面插入组件时会被清除,看起来是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时,导致状态不一致。 尝试什么: 添加setTimeout包装器以确保DOM已稳定: “JavaScript setTimeout(() => { 你在这里的行动 }, 0); 推荐的下一步步骤: 如果还没测试过,请用最新的GrapesJS版本测试 提供最小可重复的示例(CodeSandbox)——这有助于团队更快...

#34542021年5月12日作者 TheDude703 个回答
0 个反应

RTE 插入链接不会更新 DOM

版本: "0.17.3" 你能重现演示中的bug吗?[X] 是的[ ] 不 预期的行为是什么? 使用默认RTE插入链接后,链接立即可在设置中进一步编辑,即设置HREF和目标 详细描述那个漏洞 在选择默认RTE的文本并将其转换为链接后,文本会被正确地包裹在<a>标签中,但直到取消选择并选择其他文本后,它才会作为链接组件出现,有时还需要重复两次才能被识别为GrapesJS组件。 你能附上截图、截屏或实时演示吗?**[ ] 是的(附上)[X] 不 这是我的编辑初始化: 有没有办法在插入链接后强制更新被编辑的组件?

artf

是的,目前就是这样运作的(内容只有在编辑完成后才会被解析和转换成组件)。我们大概可以用像[这样](https://github.com/artf/grapesjs/issues/610#issuecomment-768553776)的方法作为链接的默认行为。

artf

更新了本次发布的链接创建 https://github.com/artf/grapesjs/releases/tag/v0.18.3

ClaudeCode

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

#34532021年5月12日作者 alemenciones2 个回答
0 个反应

专长:如何在绝对模式下调整开始/结束的大小?

你好,亲爱的 我在absoluteMode里尝试类似“resize:start/end”的设置,搭配styleable:change:width/height。 你能帮我吗?

alemenciones

本作品:

ClaudeCode

谢谢你举报,@alemenciones。 关于FEAT:如何在绝对模式下调整开始/结束大小?的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log...

#34472021年5月10日作者 lbmir4 个回答
2 个反应

JavaScript 因编码问题无法使用

1 - 我复制了打字文本组件代码,而不是演示HTML代码; 2 - 并增加了allowScripts:1; 你可以在这里看到示例:http://bashworld.ru/demo.html 点击 查看代码,我们会看到许多 JS 编码字符。 我该如何解决这个问题?我需要解码所有 &, <, >, ' 字符, 请参见下方剧本 ![哇哇](https://user-images.githubusercontent.com/40471188/117637617-6788d500-b19b-11eb-9564-7dc8b12dd797.png)

Ju99ernaut

不建议使用 'allowScripts: 1',无论如何,在你的情况下,为什么不直接拖入打字块呢?如果必须在 From 元素中包含它,可以用: '''html <div id=“gjs”> <div data-gjs-type=“typed”></div> </div> ```

Ju99ernaut

你应该正确设置存储设备 https://grapesjs.com/docs/modules/Storage.html#basic-configuration

lbmir

@artf 你能帮帮我吗?

#34442021年5月8日作者 mahfuzdiu4 个回答
0 个反应

RemoveButton() 导致错误

你好, 我正在尝试用这个代码编辑器从面板中移除一个按钮。Panels.removeButton(“options”, “fullscreen”)' 。它移除了按钮,但出现了这个错误。 ![捕获](https://user-images.githubusercontent.com/43580524/117531201-3aa1ba00-b003-11eb-8f03-8e74ce3a511a.PNG) 该如何解决?

mahfuzdiu

我用自定义的CSS编辑器隐藏了它。Panels.getButton('options', 'fullscreen').attributes.className = 'hidepanelbtn'' 顺便说一句,如果能有个合适的解决方案就更好了。

artf

你好@mahfuzdiu在官方演示中这样做,没有错误,你能创建一个可复现的演示吗?

no-response[bot]

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

#34432021年5月7日作者 chilled-capybara4 个回答
0 个反应

主干网-撤销/下划线安全建议

版本: 'v0.17.3' 你能重现演示中的bug吗?[x] 是的[ ] 不 预期的行为是什么? 见下文 目前的行为是什么? 嵌套依赖中使用的“underscore”版本中存在已知的安全漏洞。 当前版本的“葡萄”使用“backbone-undo”^0.2.5” https://github.com/artf/grapesjs/blob/d7f773202c72710dd787e2ce418c114c9ef81986/package.json#L20 最新版本是通过['npm'](https://www.npmjs.com/package/backbone-undo?activeTab=versions)实现的“0.2.5” 'ba...

emyasnikov

我也在想是否需要“骨干撤销”,或者可以用类似的替代。这个套餐已经6年没更新了

artf

这个套餐已经6年没更新了 嗯,除了更新依赖(比如出于安全考虑),它是一个功能完整的库,不需要添加或更新其他东西。 总之,这个[PR](https://github.com/artf/grapesjs/pull/3439)似乎修复了.lock级别的安全漏洞,但我不确定它们是否会保留在全新安装中。 我知道纱线有针对这种情况的“解决”,但不确定NPM里有没有其他替代方案。

chilled-capybara

谢谢你的回复总之,这个 [PR](https://github.com/artf/grapesjs/pull/3439) 似乎修复了 .lock 级别的安全漏洞,但我不确定它们是否会保留在全新安装中。 我觉得这可能会修复主“grapejs”仓库里的版本,但我不确定它是否限制了通过“backbone-undo”导入的版本。 如果你通过以下方式建立一个全新的项目 新的“Yarn.lock”仍会引用两个版本;

#34412021年5月7日作者 emilsedgh4 个回答
1 个反应

解析器在16.30以“mj风格”破坏

版本: 从16.30到现在所有Grapesjs版本都有这个问题。 你能重现演示中的bug吗?[x] 是的[ ] 不 预期的行为是什么? 以下是有效的MJML代码。在 grapesjs-mjml 上应该能正常工作。 详细描述那个漏洞 目前,如果你用 grapesjs-mjml 配合上面的代码,它会以两种方式出现故障:它会这样渲染样式:导出代码时,MJML 代码导出如下: 在这两种情况下,你都可以看到样式是用HTML编码的。 目前的行为是什么?* “mj-style”不是textNode,其内容也不能被htmlEncoded。 详细描述那个漏洞 我之所以把这条信息提交到这个仓库而不是 grapesjs-mjml,是因为:这次回归是提交...

emilsedgh

嗨,阿图尔。感谢你对葡萄的出色处理。这真的很棒。 临时方案运作得很好。如果需要,可以随时关闭,但如果能提供一种操控行为的方式,那肯定会很不错。

artf

你好@emilsedgh抱歉我回复得晚了,但无论如何,我们可以考虑在这种情况下跳过逃脱,但最快的办法可能是直接将 mj 风格的方法扩展到 HTML “''js 编辑。Components.addType('mj-style', { 型号:{ toHTML() { const content = this.components().map(c => c.get('content')).join(''); 返回 '<mj-style>${content}</mj-style>'...

artf

谢谢你,Emil,暂时我先结束这个,以防以后出现类似问题,我们会考虑加一个新的道具来跳过逃脱。

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

撤销/重做问题

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

artf

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

ClaudeCode

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

#34352021年5月6日作者 anlumo1 个回答
0 个反应

可滚动的 onStart/onEnd/更新目标不可覆盖

版本: 0.17.3 你能重现演示中的bug吗?[ ] 是的[X] 不 预期的行为是什么? 能够覆盖组件的“model.default.scrollable”中的onStart、onEnd和updateTarget,详见[文档](https://github.com/artf/grapesjs/blob/master/src/utils/Resizer.js)。 详细描述那个漏洞 我创建了一个扩展 ComponentImage 的组件。内容不是静态图像,而是根据需要渲染,当目标尺寸变化时,必须重新渲染。 根据文档,我应该可以在 'model.default.scrollable' 中定义 'onEnd',在调整大小完成后触发重新渲...

ClaudeCode

谢谢你举报,@anlumo。 Scrollable onStart/onEnd/updateTarget not Overridable 的问题似乎是竞态条件或状态管理时序的问题。这通常发生在组件生命周期事件和DOM修改重叠时,导致状态不一致。 尝试什么: 添加setTimeout包装器以确保DOM已稳定: “JavaScript setTimeout(() => { 你在这里的行动 }, 0); 推荐的下一步步骤: 如果还没测试过,请用最新的GrapesJS版本测试 提供...

浏览所有主题