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

GrapesJS 问题

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

找到 85 个问题

🔍 help wanted
#20022019年5月8日作者 benvmatheson3 个回答
1 个反应
增强需要帮助

图片无法调整到全宽

当用鼠标调整图像大小时，图像不会完全拉伸到画布边缘，右侧会留下空白。如果调整尺寸——>宽度，你可以把它拉到画布边缘。 ![图片]（https://user-images.githubusercontent.com/9043745/57339111-75f41000-70ed-11e9-9d54-0d413f181940.png） 如果你拖动足够多的元素到画布上让滚动条出现，滚动条会填补图像无法填满的空白。看起来拖拽只是考虑到滚动条，不会填满滚动条的区域，即使滚动条还不存在。 ![图片]（https://user-images.githubusercontent.com/9043745/57339104-6b397b00-70ed-...

artf

多亏了@benvmatheson延迟，我似乎完全忘了这个问题😂。 我也为完全无视他的PR 😬向@giorgiosjames道歉，因为我必须关闭它，因为他说得对，我们可以正确且动态地完成，无需依赖某种选项（只需确定身体宽度而不是iframe）。 修复将在下一个版本中发布

artf

不确定，但也可能是调整尺寸配置的问题 https://github.com/artf/grapesjs/blob/3f053af969ef6a688d526d158b9df7e6aa076838/src/commands/view/SelectComponent.js#L353

giorgiosjames

这似乎是由于这里的填充值引起的： https://github.com/artf/grapesjs/blob/3f053af969ef6a688d526d158b9df7e6aa076838/src/commands/view/SelectComponent.js#L449 将这个值设为0后，我可以将组件调整到画布边缘。 不确定为什么会有这个垫子，或者拆掉它会不会弄坏别的东西。

查看详情
#19362019年4月2日作者 artf3 个回答
23 个反应
增强需要帮助

绝对/设计模式

大家好， 本期概述了它是什么、已完成的、该做什么以及完成设计师模式功能的好事。序言 那么我们先来描述一下它是什么，以及这个功能的目标是什么。设计者模式应该允许用户在画布上自由拖动组件，没有HTML固定的位置限制，更像Photoshop/Sketch等工具里的操作。这样移动组件会更直观，尤其是对那些和HTML定位无关的人。 ![设计师模式]（https://user-images.githubusercontent.com/11614725/55359998-74726f00-54d3-11e9-93b7-e697d419b346.gif） 如果你在构建最终结果是视觉静态的文档，比如PDF或演示幻灯片，这种方法可能非常有用。所以我想...

artf

快速更新，从现在 https://github.com/artf/grapesjs/releases/tag/v0.15.3 你可以开始使用这些新的拖拽模式API'config.dragMode' - 全局拖拽模式的初始配置'editor.setDragMode' - 更改组件的全局拖拽模式'component.setDragMode' - 更改单个组件的拖拽模式 可能的值已经描述过：无（默认），“绝对”，“平移”

artf

@simplecommerce点击设备模式时，如果使用绝对定位，会只为该模式创建样式，这样创建响应式页面会更容易，因为你可以在设备模式之间切换并定位元素。 GrapesJS 已经是这样工作的，但这并不能解决每个断点重做大量工作的问题

artf

@sunhillbd是的，但可能是我没完全清楚这一点的错。基本上，演示中你看到的是一个混合静态位置和绝对一的例子，当你点击拖动图标时，你会把组件从静态流中分离出来，所以你看到的效果就像是把节点从父节点上移除一样。这就是为什么我建议在这种情况下使用“翻译”选项

查看详情
#18162019年2月20日作者 Shah-ali3 个回答
0 个反应
增强需要帮助已过时

删除该图片后，不允许上传同一张图片并同步位置。

Ajax 调用了 assests 文件夹中上传图片文件 从本地添加图片运行正常。 但在另一种情况下，这并不起作用。请看一看 拖拽图像块 选择一张图片 删掉那张图片 在同一个地方再次添加同一张图片，“上传文件”功能无法调用 删除图片后，它不允许我上传同一张图片和位置的图片

artf

选中图片后必须清除文件输入

Shah-ali

请给我一些线索。如何清除文件输入？

Shah-ali

我想，我已经解决了。 In OpenAssets.js

查看详情
#18062019年2月18日作者 WebEtSolutions3 个回答
6 个反应
需要帮助feature

：在特征上添加分类

你好，感谢你给我这份工作！ 在类别下可以像封锁一样制作特质吗？ 如果可能的话，也许可以用像BlockManager那样的Category对象？ BlockManager上的分类功能正常，如果TraitManager也添加同样的分类系统，那就完美了！ 你觉得实现这个功能的最佳方法是什么？我们已经准备好开发这个功能并进行公关。 谢谢

artf

将在下一个版本中发布，感谢@amirrahmani76的[公关]（https://github.com/GrapesJS/grapesjs/pull/5606） ❤️

WebEtSolutions

你好，没问题，我们会为这个公关工作。

Uysim

我们现在有这个功能了吗？

查看详情
#17912019年2月13日作者 minuwan1 个回答
0 个反应
增强需要帮助不活跃

目的地名称

@artf，有没有办法显示目标元素的名称？ ![grapejs_drop]（https://user-images.githubusercontent.com/1106745/52704047-ba1bbc80-2fa5-11e9-831b-5a09a35d304c.jpg）

artf

目前还没处理，但我会接受PR（我觉得可能需要创建一个新命令来处理徽章）

查看详情
#17592019年1月29日作者 tristanMatthias3 个回答
32 个反应
需要帮助

：Typescript声明

这是一个了不起的项目！谢谢。 有没有可能为Typescript获取类型？这会让我正在做的项目轻松很多。 非常感谢！

Rottohawkins

这可能需要更长时间，因为“dts-gen”''不兼容Grapesjs，甚至浏览器版本也不兼容。所以我得亲手做所有东西。 因此我不确定它是否会被[官方类型仓库]接受。 到目前为止，我已经为配置对象和 grapesjs 编辑器本身创建了定义。[这是]当前的文件 最后几节课今天应该结束。测试和验证类型是这里最大的任务。配置可以通过将文件 ''DefinitelyTyped/types/grapesjs/index.dts' 放在 '''node_modules\@types\gr...

warent

也很想看到 TS 的声明。TypeScript 正逐渐成为生产代码库的标准和必备工具

Sharsie

如果有人开始动手，快戳我一下，我们也许能帮上忙......真的很希望这个项目能有分型

查看详情
#17112019年1月5日作者 fulus063 个回答
0 个反应
增强需要帮助已过时

移动画布后提示位置出现错误

1、移动画布 2、点击layerManager（如果不点击layerManager 不会出错） 3、画布里的提示框位置出错 1、移动画布 2、点击layerManager（如果你不点击layerManager，也不会出错。） 3、图片中小费箱的位置不对。 ![grapesjs-issues]（https://user-images.githubusercontent.com/12890684/50725484-1f73c680-1139-11e9-9fec-ebcc79afb559.gif）

artf

感谢报告@fulus06能否提供一个可复现的演示 https://jsfiddle.net/？

fulus06

@artf https://jsfiddle.net/fulus06/kqsezd0c/5/ ![grapesjs问题]（https://user-images.githubusercontent.com/12890684/50779460-5da8eb80-12db-11e9-9489-07ee7ce4023c.gif）

lock[bot]

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

查看详情
#17082019年1月4日作者 charlietoleary3 个回答
0 个反应
需要帮助需要更多信息

StyleManager 事件每次变更都会多次触发

复制： 在全新安装的GrapesJS中，在演示页面（index.html内）添加一个事件监听器，如下： 'editor.on（'component：styleUpdate：width'， （model） => { console.log（模型）; });问题： 当更改任何元素的“宽度”值时，“model”变量会被多次打印。 当监听“列表”属性，如字体家族、字体权重或显示时，问题似乎更为严重。例如： 'editor.on（'component：styleUpdate：font-family'， （model） => { console.log（模型）; }); 对于这类属性，我注意到在编辑器刚加载时（在任何用户互动之前）事件会多次触...

khbhr

你好， 我也遇到了同样的问题，既然还没解决，可以用去反弹技术来解决。 请查看这个[example]（https://davidwalsh.name/javascript-debounce-function）。

ajumell

你好， 我也遇到了这个问题。事件即使没有改变宽度，事件依然触发，我在HTML页面添加了以下代码，日志被多次生成。 'editor.on（'component：styleUpdate：width'， （model） => { console.log（“组件宽度更新：”，型号）; });` 我录制了视频证明，链接如下 https://drive.google.com/file/d/1zoTUN-e400YDVPXt2DESAemSL6STh0TU/view?usp=sharing

artf

我觉得修复已经在开发分支上发布了（所以已经准备好下一次发布了）。 https://github.com/artf/grapesjs/blob/0dba07fd21b8e2dd953100bec5b7531f0761c9c2/src/style_manager/view/PropertyView.js#L411-L413 我在当前的在线演示中看到多个事件，但在本地开发版上似乎没问题。如果你能通过本地开发分支确认，那就太好了。

查看详情
#17032019年1月3日作者 narendravaghela1 个回答
3 个反应
增强需要帮助

如何允许类名或数据属性中的特殊字符？

在我的HTML代码中，我在元素的类名或数据属性中定义了一些变量占位符。例如，考虑以下代码块， '''html <div class=“list-container” data-page-id=“{{page.id}}”> <ul class=“{{list.className}}” data-list-id=“{{list.id}}”> <li data-list-id=“{{list.item.id}}”>List item 1</li> <li data-list-id=“{{list.item.id}}”>List item 2</li> </ul> </div> 如果你看到结果，'ul' 元素的类会从 '{{list.cl...

artf

转义函数在选择器模型中应用（https://github.com/artf/grapesjs/blob/80cd042f72ea0b957e05a78b5698c7d81860818f/src/selector_manager/model/Selector.js#L39）。我觉得提供一些自定义逃脱策略选项可能是个好主意。

查看详情
#16152018年11月28日作者 jmtt892 个回答
0 个反应
增强需要帮助已过时

支持远程存储上的编辑凭证请求属性

凭证选项在远程存储中被强制设置为“包含”。 https://github.com/artf/grapesjs/blob/master/src/storage_manager/model/RemoteStorage.js `

arthuralmeidap

创建MR #1705

lock[bot]

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

查看详情

浏览所有主题