PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验

GrapesJS 问题

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

找到 85 个问题

🔍 help wanted
#15792018年11月14日作者 YashPrince3 个回答
0 个反应
缺陷需要帮助已过时

边境颜色问题

@artf 如果你在编辑器上拖动按钮，把像 rgb（255， 0， 0） 这样的颜色粘贴到边框颜色里，然后在编辑器里选择其他元素而不更改属性并重新按键，边框颜色就会变为 rgb（255），如果边框属性发生变化，CSS 就会失效。请检查并修复这个问题。如果有快速修复方法，请提供。提前感谢大家。 ![grapejs]（https://user-images.githubusercontent.com/40828744/48477887-c23e5180-e828-11e8-9a94-cc786f1ff57c.png） ![grapeerror]（https://user-images.githubusercontent.com/408...

loganvolkers

我可以在[演示网站]（https://grapesjs.com/demo.html）上复现这一点。 复制粘贴可能会触发这个错误，但看起来这和复制粘贴无关，完全是空白问题。 有效的价值观：'RGB（255,0,0）''RGB（255,0,0） ' 不起作用的数值：'RGB（255,0,0 ） '变换为 'RGB（255,0,0''RGB（255,0， 0）' 变换为 'RGB（255,0，''RGB（255,0， 0）' 变换为 'RGB（255,0''RGB（255， 0，...

artf

一切都与空白有关 没错，这只是对组合型的[解析不当]（https://github.com/artf/grapesjs/blob/dev/src/style_manager/view/PropertyCompositeView.js#L114）。 我们应该用空格拆分值（例如“1px solid rgba（255， 0， 0， 0）”），或者更好的是“propertyModel.get（'分隔符'），但要注意函数

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

查看详情
#15772018年11月14日作者 emilsedgh3 个回答
1 个反应
增强需要帮助

内联CSS注释导致代码管理器失效

显然，这段HTML和CSS是有效的： '<div style=“color： red; / height 200px; /; font-weight： blan;”>' （因此才有注释的height属性） Grapesjs 在处理此类属性时遇到困难，因为模型上的 style 属性存储方式如下： ![screenshot20181113165603]（https://user-images.githubusercontent.com/120439/48452681-0405c400-e765-11e8-83a6-0d4c46a2cd09.png） 最大的问题是 CssGenerator 的“buildFromObject” 把 '/...

emilsedgh

好了，我终于又复现了这个。重新开业时，[更好的小提琴]（https://jsfiddle.net/nshc9wak/1）。 gjs 内部的代码是 '''html <p style=“/ 颜色：#ffffff; /”></p> <span style=“color： red;”>Bar</span> bug是“/* color：#ffffff;”没有关闭评论标签。因此，它会渲染之后的任何 CSS。 抱歉回复晚了。

artf

嗨，Emil，我试过这个 https://jsfiddle.net/37n5691f/ 但没看到问题

no-response[bot]

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

查看详情
#15672018年11月8日作者 alimajed933 个回答
1 个反应
增强需要帮助已过时

RTE工具栏错误

大家好， 我使用的是最新的 Grapesjs 稳定版（40），我注意到富文本编辑器中出现了以下错误：如果用户将富文本编辑器拖放到画布中，点击它并尝试按照示例进行克隆（或工具栏中的任何操作如删除等），都不会有任何操作。用户必须为每个示例选择另一个块，或者直接点击文本编辑器外，然后再次点击文本编辑器，才能执行工具栏操作。 有人知道这可能是什么原因导致这个问题吗？我是在换到新版本后开始注意到这个问题的，之前用的是v17。 谢谢你的帮助。

arthuralmeidap

PR：https://github.com/artf/grapesjs/pull/1800

artf

是的，这正是因为[这个检查]（https://github.com/artf/grapesjs/blob/dev/src/commands/view/ComponentDelete.js#L5），在编辑模式下我们需要阻止某些操作（例如点击canc/backspace会触发同一个命令）。可能我们需要设置某种强制选项

alimajed93

你好@artf， 哦，我明白了。 你能举几个例子说明我们为什么加上这个支票吗？我是说，我们之前遇到了哪些问题，而这次检查解决了？ 谢谢。

查看详情
#15302018年10月19日作者 Deepak8131 个回答
0 个反应
增强需要帮助

在撤销/重做管理器中点击事件

你好，@artf， 我遇到了撤销管理器的问题，我也检查过它也在你的演示页面上。 问题是，当我们点击编辑器部分外的“撤销管理器”时，也会计入事件 比如图层按钮、样式按钮、屏蔽按钮或其他顶部的按钮。 比如我们添加一个文本，然后点击图层按钮，再点击样式按钮，再点击块按钮，然后拖动链接，这会被视为5个事件，如果必须回退回文本，就需要点击4-5次。 我也想知道这是不是问题，还是你已经在撤销和重做管理器里添加了那个事件。 我为此制作了一个视频，请观看。 https://www.useloom.com/share/c867df2124bb4fd89688e580840f4f32 提前感谢大家。

artf

固定收割

查看详情
#15262018年10月18日作者 gasserol3 个回答
2 个反应
增强需要帮助

如何设置全屏命令

你好，很遗憾我找不到文档，也无法通过代码理解： 我知道内置命令“全屏”，但按照我的配置（教程里），它只加载画布全屏，没有面板。 这是我的HTML代码： 这是我的面板代码： 有人能帮我指正路吗？非常感谢你们宝贵的帮助和最诚挚的问候！

electrotype

@nativeer我也遇到过同样的问题。我的变通方法是先调用“stopCommand”，再调用“runCommand”： 对我来说似乎很有效。

artf

说得好，默认的[全屏]（https://github.com/artf/grapesjs/blob/dev/src/commands/view/Fullscreen.js#L64）命令可以启用容器上的全屏（“#gjs”），但外部面板显然不行，这也是为什么你只看到画布。 我非常希望能获得一个新选项的永久居民资格，这样我就能做到类似这样的事情： “''js 来自 命令：“全屏”， 到 command： editor => editor.runCommand（'fullscree...

gabjdev

你好@artf， 上面的代码之前是全屏，但手动退出全屏后就不行了。 你能用同一个按钮发送码，让全屏退出吗？

查看详情
#15122018年10月12日作者 Deepak8132 个回答
0 个反应
缺陷需要帮助已过时

倒计时和导航元素中撤销/重做无法使用

你好，@artf， 当我在Live Demo中拖动倒计时和导航，然后点击撤销/重做按钮时，什么都没发生。你能提供一些相关信息吗？ 提前感谢大家。

Deepak813

@artf有没有最新进展，因为这是个大问题。一旦拖动倒计时/导航元素，用户无法撤销或重做这些元素。他们需要再次删除和拖拽元素，并进行必要的更改。

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

查看详情
#15062018年10月11日作者 YashPrince3 个回答
1 个反应
缺陷需要帮助已过时

CSS 媒体查询问题

你好@artf 演示页面和媒体查询库中都存在问题。 问题是，如果用户先在移动视图上更新样式，再用标签视图，再用媒体查询，移动视图就不起作用。如果我们先更新桌面样式，再更新标签页，再更新移动端，那么一切都正常 但如果我们先反向移动视图，标签视图第二，桌面视图第三，然后CSS/媒体查询 无法支持标签页和桌面视图。 我觉得是因为480应该是下降的，992应该在上面。 任何帮助都将不胜感激，谢谢！

artf

@Sharsie #1996

YashPrince

@artf问题是，如果我们先添加样式移动端，然后在标签页上添加，移动视图的CSS会被标签视图覆盖，而移动视图应用的所有CSS不会在移动视图上应用，因为它被标签页视图覆盖。

YashPrince

@artf有没有最新进展，因为这是个大问题。用户一旦先申请 mobie，就无法为 tab 更新 css。他们需要删除并重新添加那个元素。

查看详情
#14942018年10月10日作者 DigicreateJens2 个回答
0 个反应
增强需要帮助已过时

顺风类别

我想用 [Tailwind]（https://tailwindcss.com/） 搭配 GrapesJS，但这个框架使用 Utility-First CSS Classes来构建快速布局。问题在于它还使用[“特殊”类别]（https://tailwindcss.com/docs/state-variants/#app）来定义样式变体，例如“悬停：bg-blue”或“md：w-full”等。 问题是GrapesJS的选择器“espt”功能用破折号（-）替换了冒号（:)），这又导致我的页面出现问题。 我能为我自己的 GrapesJS 安装改动吗？还是说可以添加到 core 里，或者可以配置？我相信随着Tailwind CSS的流行，这...

artf

我很感激能给我一个永久性:)

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

查看详情
#14862018年10月8日作者 Deepak8132 个回答
0 个反应
增强需要帮助

如何添加/移除类撤销管理器

你好，@artf， 你能提供在撤销管理器中添加或移除类的方法吗？ 另外，在现场演示中，当我们拖动倒计时并点击撤销按钮时，倒计时元素对它没有任何影响。 提前感谢大家

takecore

我也有同样的问题。有人解决了吗？

artf

我决定结束这篇文章，转而支持UndoManager API https://github.com/artf/grapesjs/issues/3639 的整体改进

查看详情
#14702018年9月28日作者 mgotovkin-plana3 个回答
7 个反应
需要帮助

可能的内存泄漏

你好，我正在用 Angular 6 做一个项目，正在调查在 _previousAttributes 的编辑器被破坏后出现的内存泄漏，可能是从下划线 bind 函数中来的 ![图片]（https://user-images.githubusercontent.com/35450180/46211535-6ed97800-c33c-11e8-9097-1636017f24c0.png） 所以，为什么不使用原生绑定和其他函数？我发现文件1.8.3和1.9.1里有几个grapes.js下线库，我猜是因为backbone-undo包导致的，你有打算修复这个问题吗？ 谢谢， 此致，马克斯

artf

抱歉，这还没解决。我发现移除组件后，指向其DOM的引用依然存在。不幸的是，移除引用会损坏分拣器，所以我得想办法正确重构它

artf

简单更新一下，我正在处理这个问题[这里]（https://github.com/artf/grapesjs/tree/fix-leaks-2），到目前为止，组件的内存泄漏似乎已经解决了，现在我正在尝试解决那个损坏部件的问题（需要更长时间，因为我需要隔离每个模块，每个模块里都有点乱......）

artf

@BrainMaxxx很乐意有人帮忙:)

查看详情

浏览所有主题