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

GrapesJS 问题

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

找到 85 个问题

🔍 help wanted
#14342018年9月17日作者 YashPrince3 个回答
0 个反应
增强需要帮助已过时

工具栏隐藏文本元素

@artf 请检查你的演示页面文字是否隐藏在工具栏下方。我们如何更新工具栏的位置？ ![工具栏问题]（https://user-images.githubusercontent.com/40828744/45635311-493daa80-bac2-11e8-9407-eb17dcb8205c.png）

artf

目前该职位是[硬编码]（https://github.com/artf/grapesjs/blob/dev/src/commands/view/SelectComponent.js#L519），但我们可以像通过事件扩展RTE工具栏那样扩展（https://github.com/artf/grapesjs/blob/dev/src/richtexteditor/index.js#L237-L239）

artf

https://github.com/artf/grapesjs/pull/1730 关闭

lock[bot]

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

查看详情
#14102018年9月8日作者 YashPrince3 个回答
1 个反应
增强需要帮助

拖拽占位符高亮位置

@artf 当我们从顶部设置到容器的边距，并想拖动某个元素时 拖拽占位符的高亮位置似乎不对，因为它也包含了边距，而且显示在顶部 即从哪里给出边距的元素。我怎样才能只在容器内显示拖曳占位标记，而不是外部，这样用户会少一些困惑？任何帮助都将不胜感激。 ![占位错误]（https://user-images.githubusercontent.com/40828744/45250836-76b78500-b359-11e8-8074-3369b4463fda.png）

YashPrince

你可以在试玩页面查看。 https://grapesjs.com/demo.html https://vimeo.com/289217284

artf

请制作一个现场演示

artf

关闭了这个问题，因为看起来已经解决了。

查看详情
#13682018年8月16日作者 shlomoko3 个回答
2 个反应
增强需要帮助不活跃

缩小画布

有没有办法动态调整画布大小？比如不使用设备管理器，而是像面板或组件那样拖拽宽度？ 谢谢

jvillena

@artf和@shlomoko，我会一点点解释这个步骤。首先，我需要用Jquery，但你也可以用其他库，或者在GrapesJS引擎里集成。我当时想让它对引擎透明。 1）我在主索引HTML中，除了iframe外，有两个隐藏的div元素，而grapesJS在运行时生成：第一个称为“设备分辨率”的部分显示与该屏幕尺寸兼容的设备分辨率。第二区包含： ——排水沟 ——当排水沟被压时，左右两侧的垂直杆包裹车身 以下代码是所使用的样式表： 2）当用户点击设备屏幕图标时，我显示的是处理程序...

artf

不@shlomoko，画布不能调整尺寸，但我很乐意看到PR的说明（可能用和分镜一样的逻辑）

jvillena

你好@artf，我刚刚实现了一个调整画布条大小，但我不知道有没有办法刷新高亮边框的位置。请看视频：http://recordit.co/jKlppYg2dD GJS 徽章 GJS-工具栏 此致敬礼。

查看详情
#13562018年8月11日作者 kickbk3 个回答
0 个反应
增强需要帮助

在资产管理器中添加“插入”按钮

你会如何为资产管理模态添加“插入图片”按钮？目前“添加图片”可能让一些人感到困惑，他们以为那个按钮会把图片插入画布，然后不停点击直到鼠标掉:)

artf

你是不是只是想把“添加图片”改成“插入图片”？

kickbk

@art这里有一个示范图来表达这个想法。不是我用BS来做按钮样式。 所以你点击图片高亮，导入关闭。 目前点击时它已经替换了图片，但模态不会关闭。很难判断发生了什么，而且没有关闭按钮。所以也许我们可以让它更直观一点？可能还有取消按钮？ ![示例]（https://user-images.githubusercontent.com/31323376/44041024-a48bd932-9ed1-11e8-82dc-2a67bd8f8d4a.jpg）

kickbk

抱歉......并不是想结束这个问题。

查看详情
#13282018年8月1日作者 jorgecgll2 个回答
0 个反应
需要帮助

画布中的组件重排

我注意到在画布中移动DOM组件时有些不一致。下面gif中的描述，使用网页演示： ![grapesjs_gif]（https://user-images.githubusercontent.com/15037357/43487035-99d15e8a-94d2-11e8-979b-97440cc0a45a.gif） 就我而言，当我输出“编辑器”时，我确实看到DOM组件的“移动”被反映出来了。DomComponents.getComponents（）'。它们实际上会重新排序，但画布有时不会反映这些动作。

artf

我没时间调试，但我觉得可能是因为组件应用了“float： right”风格导致的

jmrgz

是的，这与浮力权属性有关。实际上，这才是float right属性的真实行为（最后一个HTML元素出现在第一个），所以我看不到简单的解决方案。

查看详情
#12242018年6月20日作者 peakrams3 个回答
0 个反应
缺陷需要帮助

媒体查询与类渲染问题

你好， 我试图做一个响应式布局，但发现设备切换器工作不稳定。这个问题可以在官方演示中复现。 开放 http://grapesjs.com/demo.html 保持“桌面”作为所选设备。 在“标题”顶部添加2个类型为“2列”的块（就在菜单上方）。 选择第一个插入的“行”，并将其填充的左侧设置为100像素。 选择第二个插入的“行”，并将其填充设置为100像素。 切换到设备“平板”。 在选中的“行”中添加“np”类（切换设备后不会取消选择），并将其填充改为10px。 选择第一个“行”，添加该类NP。 渲染后的填充左侧没有更新，是100像素，而我预计它会变成10像素。不妙。 切换到“桌面”，两行的填充左侧都是100像素。很好。 切换到“平...

peakrams

你好。 关于这个问题有没有更新，或者会有更新吗？我刚试着在演示里复现，问题依旧存在。不幸的是，我只懂基础的JavaScript，所以想不出自己解决这个问题的方法。 我不知道这是否和我的问题有关，但检查代码时，文件config.js中设备平板的宽度和移动设备Mobile的withMedia是一样的;这样，通过媒体查询应用到移动景观上的自定义样式，在切换设备到平板时，画布上就不会保留了吗？（我没试过这个，因为设备面板里没有移动景观。） 谢谢。

peakrams

你好， 有人能帮我解决这个问题吗？我刚刚在演示中复现了开头帖子中提供的第二个例子，看起来和上次没什么变化。 谢谢。

artf

@peakrams遗憾的是，没有人参与这项工作

查看详情
#11782018年6月6日作者 demodesign2 个回答
0 个反应
增强需要帮助

想替换包装 div

你好，artf， 我想替换封装器 div，例如： 当我们创建新闻通讯模板时，包装 div 已经存在了。在导入模板中，如果 import html 中存在 wrapper div，那么需要用新的替换已有的 wrapper。 这可能吗？以下是我的代码 拖放后，无法编辑@artf

artf

目前没有导入包装器的方法，但我很乐意接受永久居民的申请

padcom

这方面有进展吗？在处理需要上下文的自定义元素时，指定包装组件非常有用，比如需要某些数据“provide（）d”的FormKit。

查看详情
#9122018年2月28日作者 nojacko3 个回答
2 个反应
需要帮助已过时

：HTML 属性/特征未逃逸

当属性加上双引号时，会导致 HTML 变质。https://jsfiddle.net/szLp8h4n/拖入链接块。点击编辑器中的链接进入“组件设置”面板在“title”栏输入“这是”示例“。点击查看代码图标。生成无效的HTML '''html <div class=“c318”>Hello World!!</div> <a title=“这是一个”示例“” class=“c739”>链接</a> ```

artf

谢谢你接住我，詹姆斯 欢迎永久居民

artf

@nojacko我不会在发布前构建文件，所以如果你用的是“dist”里的文件，你还是用旧的

artf

由 https://github.com/artf/grapesjs/pull/939 修复

查看详情
#8962018年2月23日作者 maxtacco3 个回答
4 个反应
缺陷需要帮助已过时

媒体查询规则在画布中被类规则覆盖

你好@artf， 我在用不同设备配置测试一个模板时发现了一个问题，这些配置本应触发媒体查询。我的模板生成的样式如下： “JavaScript [ { “选择者”：[ { “name”：“row”， “label”：“row”， “类型”：1， “active”：true， “private”：false， “protected”：错误 } ], “selectorsAdd”：“， “风格”：{ “display”：table“， “垫头”：“10px”， “padding-right”：“10px”， “垫底”：10px“， “padding-left”：“10px”， “宽度”：100% }, “mediaText”：“， “状...

vrudikov

@artf 创建了[PR]（https://github.com/artf/grapesjs/pull/988）

artf

谢谢大家的提醒和精彩的视频@vrudikov，真的很有帮助。我会调查的

vrudikov

所以现在我们有了以下结构： 你想要的是这样的：

查看详情
#7792018年1月18日作者 Deepak8133 个回答
0 个反应
需要帮助已过时

设置背景色后，任何元素都无法拖拽

你好，@artf， 我们发现，当我们设置任何元素的背景色时，其他元素都无法被拖拽。 这是最新库和新 grapes 版本都存在的严重问题。 我用的是最新版本，也就是 /！ grapesjs - 0.13.5 / 谢谢

ryandeba

你好@Deepak813， 我尝试在[demo]（http://grapesjs.com/demo.html）（目前使用版本0.13.5）中重现，但一直没能重现。你能在那里测试并提供复现该bug的步骤吗？或者你能创建一个 jsfiddle 来演示这个问题？

Deepak813

你好，@ryandeba， 谢谢你的留言， 请在下方查看复现该漏洞的视频链接： 网址1：https://vimeo.com/251763933 网址2：https://vimeo.com/251784423 在使用选色器时，网站中的任何元素都存在此错误。 我在Chrome和Mozilla浏览器中测试过这个问题。

artf

@Deepak813是的，看起来[colorpicker]（https://github.com/artf/grapesjs/blob/dev/src/utils/ColorPicker.js）会破坏绑定在方块上的拖拽事件

查看详情

浏览所有主题