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 个反应

:在特征上添加分类

你好,感谢你给我这份工作! 在类别下可以像封锁一样制作特质吗? 如果可能的话,也许可以用像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、图片中小费箱的位置不对。 ![葡萄问题](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/ ![葡萄问题](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]

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

浏览所有主题