GrapesJS 问题

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

状态

排序

找到 743 个问题

🔍 bug

#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'...

查看详情

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

0 个反应

提问文档画布组件缺陷

Scrollable onStart/onEnd/updateTarget not Overridable

版本： 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，在调整大小完成后触发重新渲染（我不想在用户还...

GJSBlock

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

查看详情

#34342021年5月5日作者 advancedsoftwarecanada4 个回答

1 个反应

提问缺陷 style-manager typescript

用导入的 HTML/CSS/JS 到编辑器里，显示大纲，但没有内容，里面有 JS Fiddle

你可以在控制台输入“grapesjs.version”获得版本是的：https://jsfiddle.net/75a9u1cf/2/ 预期的行为是什么？我期望能在编辑器中编辑HTML和内容详细描述那个漏洞** 屏幕是纯白色的，我能看到形状和拖动元素，但编辑器就是无法显示内容半解：https://jsfiddle.net/75a9u1cf/3/

advancedsoftwarecanada

这个问题是可以解决的。我只是把HTML/JS应用换成了扁平的HTML——禁用了所有愚蠢的加载效果。我会在不在编辑器里时用外部脚本做一些花哨的操作。大家向 GRAPEJS致敬。

advancedsoftwarecanada

![图片]（https://user-images.githubusercontent.com/1661561/117187316-cc15ef80-ada9-11eb-922e-de033b92a7e8.png）

advancedsoftwarecanada

半解决了，我在谷歌上找到了一些东西： https://jsfiddle.net/75a9u1cf/3/ 但有些图片仍然无法使用。

查看详情

#34292021年5月4日作者 justin37372 个回答

2 个反应

提问缺陷 style-manager typescript

There is no display grapesjs-style-bg plugin

你好@artf 感谢你在这里所做的一切但我试着用这个插件，但就是做不到 ![图片]（https://i.imgur.com/gaC65t1.png）版本：0.17.3 你能重现演示中的这个bug吗？[x] 是的[ ] 不详细描述那个漏洞** 没有显示插件目前的行为是什么？什么都没发生。你能附上截图、截图或实时演示吗？[x] 是的[ ] 不 https://jsfiddle.net/e4pbsgm0/

Ju99ernaut

遗憾的是，插件不会自动替换原始背景图像输入，所以你得手动替换。你需要想办法把这个添加到你的样式管理器配置里，并移除内置版本： “''js { ID：“背景-背景”，财产：“背景”，类型：“BG”， }, ``` 更多参考资料请点击这里 https://github.com/artf/grapesjs/blob/c136ea722383c0ece710ff3bbab1ce9b30f986ba/demo.html#L1154

GJSBlock

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

查看详情

#34252021年4月30日作者 anlumo2 个回答

1 个反应

提问缺陷 style-manager typescript

StaticRules for CssComposer Non-Functional

CssComposer 的 [示例配置文件]（https://github.com/artf/grapesjs/blob/c3a49015df45eb49b0beb605e45ead1ea56a3af8/src/css_composer/config/config.js#L6）引用了一个 'staticRules' 属性。这个属性名称在源代码的其他地方没有使用（通过[GitHub搜索]（https://github.com/artf/grapesjs/search?q=staticRules）验证），也没有任何作用。版本： 0.17.3 你能重现演示中的bug吗？[ ] 是的[X] 不（其实不太适用）预期的行为是什么？把...

artf

谢谢@anlumo你说得对，那是个旧选项，我会去掉的。对于静态 CSS 规则，我们有 [这些选项]（https://github.com/artf/grapesjs/blob/210f87030d7d1e2aa2e5c427e4347b49ad258134/src/editor/config/config.js#L72-L77）

GJSBlock

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

查看详情

#34192021年4月27日作者 emyasnikov2 个回答

0 个反应

缺陷提问常规

FEAT：在editor.render执行后要挂钩的事件

你想给GrapesJS添加什么？正如[BUG： Panels“可见”属性不阻止面板渲染]（https://github.com/artf/grapesjs/issues/3418）中所述，我尝试在初始时阻止面板渲染。因为可见属性对我不起作用，我尝试了一些变通方法，直到调用渲染后发现所有更改都消失了。所以最好的方法是接入事件，但我什么都没找到。我觉得渲染后触发事件会是个不错的补充，如果是的话，我很想帮忙。最新版本有替代方案吗？[x] 是的（描述替代方案）[ ] 不我是在自己输入 editor.render（）后调用 'editor.trigger（'render'）' 实现的，然后用 'editor.on（'render'，...

artf

谢谢@emyasnikov我会关闭这个帖子，并保持漏洞问题开放

GJSBlock

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

查看详情

#34182021年4月27日作者 emyasnikov2 个回答

0 个反应

提问缺陷 typescript

Panels "visible" attribute doesn't prevent panel rendering

版本： v0.17.3 你能重现演示中的bug吗？[ ] 是的[x] 不预期的行为是什么？ “编辑。Panels.addPanel（{id： 'test'， visible： false}）' 即使'visible'属性设置为false，仍能渲染面板。编辑器渲染后它完全正常，所以“panel.set（'visibility'，！panel.get（'visibility'）' 正确切换可见性。尝试将“gjs-hidden”类和“visible： false”一起设置的变通方法1也没用。这样之后会检查可见性，“gjs-hidden”类也会被移除。至少我看到的行为是这样的。之前已经出现过同样的问题：[#1602]（https...

artf

是的，我觉得只要在PanelView.render里添加这个.toggleVisible（）就行了。如果你想冲击个人纪录，我很乐意合并:)

GJSBlock

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

查看详情

#34162021年4月27日作者 ghost2 个回答

0 个反应

组件缺陷提问 typescript

0.15.10 - setAttribute - is not a valid attribute name

你好！我知道这是这里报告的 bug，#2029，但现在我无法从'0.15.10'更新到包含解决方案的版本。你知道我现在设置组件时有什么解决办法吗？我用的是 VueJS 搭配 GrapesJS。以下是我尝试设置组件的方法。 'this.grapeEditor.setComponents（myHtml）;' 但“setAttribute”会跳出“不是有效的属性名称”，而且内容不会显示。提前感谢大家。

artf

抱歉，我帮不上这么老的版本。为什么你不能更新？？

GJSBlock

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

查看详情

#34122021年4月25日作者 maxtsh2 个回答

2 个反应

style-manager 组件缺陷增强文档

自动保存部分起作用，插入文本后就停止了

大家好。我正在使用一个用React.js编写的生产应用的超棒项目，所以我把它集成到了我的应用里。一切运行正常，但我遇到了每次编辑器更改时自动保存编辑器数据的问题。操作系统：Windows 10 浏览器：Chrome 90 GrapesJS 版本：0.17.03，最新时间：2021年4月26日编辑器实例： “''js const GE = Grapes.init（{ 容器：“#editor”， fromElement： false，插件：[GsPresetEmail]， pluginOpts： { GsPresetEmail： {}， }, colorPicker： { appendTo： 'parent'， offset：...

artf

感谢@maxtsh的反馈，实际上基础插件里那些旧块存在问题，导致存储计数器失效。我会尽快推销。目前，作为热修复，先用这种方式更新这些区块。 “''js 编辑。Blocks.get（'text'）.set（{ 激活：真，选择：真，内容：{ 类型：“文本”，内容：“请在此插入您的文本”，风格：{ 填充：'10px' }， } }); 编辑。Blocks.get（'image'）.set（{ 激活：真，选择：真，内容：{ 类型：“图像” } }); ```

GJSBlock

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

查看详情

#34042021年4月18日作者 Abhisheknanda13444634 个回答

0 个反应

style-manager 提问组件缺陷

Style Manager Issue.

你好@artf我想隐藏和显示特定组件的样式属性。提到这个问题后，我就说 https://github.com/artf/grapesjs/issues/1428 我用这个方法写代码，但出现了错误 -： “''js 导出默认值（编辑器，配置）=> { const sm = 编辑。风格经理; const csm = config.customStyleManager; 形状分隔时的展示风格 editor.on（'component：selected'， function（component） { if（component.attributes.type == 'shape-divider'） { sm.addSector（'styl...

artf

你好@Abhisheknanda1344463你试过按照我这里的指示（https://github.com/artf/grapesjs/issues/1428#issuecomment-421640559）来做吗？你不需要在每个选择中添加或移除扇区，只需调整组件属性即可

Abhisheknanda1344463

@artf我试过，但如果我喜欢这个 https://github.com/artf/grapesjs/issues/1428#issuecomment-421640559 然后它会显示这些属性存在的样式扇区。我想像上面提到的那样，只显示我自定义的某个特定组件的样式扇区。不知道你是否理解我的使用场景。请指点我。谢谢

artf

这里有一个简短的使用示例： “''js const plugin = （editor） => { const { 组件、块、样式 } = 编辑器; [ { 类型：“简单”，道具：{ 组件：“简单组件”， }, },{ 类型：“特殊”，道具：{ 组件：“特殊组件”， 'styleable-require'： ['special-style']， // <- 该组件需要特殊样式 }, } ].forEach（（{ type， props }） => { Components...

查看详情

GrapesJS 问题

浏览所有主题