GrapesJS 问题

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

状态

排序

找到 203 个问题

🔍 enhancement

#28962020年7月15日作者 fedulovivan暂无回答

0 个反应

增强

BUG：链接属性“Target”的默认值“此窗口”未显示在选择框中

步骤：开启小提琴 https://jsfiddle.net/x2g03d58/，简单标记为“<a id=”ic72“>Link</a><a target=”_blank“ id=”is3u“>Link</a>'在Canvas上选择第一个链接（没有目标属性）。打开组件设置面板检查“目标”属性的值预期结果：显示值“此窗口” 实际结果：显示空值在[newsletter demo]（https://grapesjs.com/demo-newsletter-editor.html）（启用存储管理器时）中观察到额外内容：用户可以明确选择“此窗口”值。这仍然会让锚标签在标记中没有目标属性，但在页面刷新后选中的值“此窗口”在组件设置中依然被...

查看详情

#28712020年7月2日作者 acxvgalanov1 个回答

1 个反应

增强

图片更新时不会调整工具栏和选择框大小

GrapesJs 版本：0.16.18; 繁殖步骤：添加图像块，设置任意图像;选择新增的方块;双击后切换图片，换成尺寸和/或比例不同的图片。预期结果：图片更新，工具栏位置和选择框也更新。实际结果：图片更新了，工具栏位置和选择框保持不变。 [视频]（https://monosnap.com/file/1aAcGfuTqJq9hEahwph7ELCx4sj7YN）

artf

感谢你的报告，这个问题将在下一个版本中修复

查看详情

#26242020年3月5日作者 kierenayima1 个回答

1 个反应

增强

生成的样式在类名中不会逃脱冒号

我目前正在本地开发一个项目，使用 GrapeJS 并与一些 Tailwind UI 组件集成。它大体上运行良好，但我注意到对某些元素进行修改（例如更改文本颜色或格式）并不起作用。仔细看，我发现这是因为生成的样式不会逃逸出 grapesJs 用来制作 CSS 选择器的类冒号。例如，GrapeJs 输出的选择器是：选择器实际上应该是这样的：

artf

谢谢你的报告@kierenayima 选择器将在下一版本中通过CSS逃逸

查看详情

#26052020年2月27日作者 alesub2 个回答

0 个反应

增强

Mixins.js 申请 404

首先，感谢你提供这个很棒的工具。我用的是最新版本。这个bug发生在本地的GrapesJS副本上。MacOS - 最新的 Chrome 浏览器演示版中没有这个漏洞预期行为：编辑器加载时没有任何错误发生了什么：当编辑器添加样式时，我会收到404错误编辑器启动后，控制台上出现以下错误： 'mixins.js：27 获取 http://example.com/editor/null 网：：ERR_ABORTED 404（未找到）' 我把真实域名替换成了“example.com”，其余的URL都是真实的。在mixins.js，第27行，指令是“head.insertBefore（link， head.firstChild）”;它是附加样...

artf

我觉得问题来自“cssIcons”，好像我忘了检查数值

alesub

太棒了，期待下一次发布！谢谢！

查看详情

#25922020年2月21日作者 kaoz703 个回答

4 个反应

增强需要帮助

模态宽度

你好，有没有办法设置模态的宽度？目前CSS设置为850px，但我想创建一个文字量较少的对话框，而且太大了： ![图片]（https://user-images.githubusercontent.com/79406/74995098-d9052800-541d-11ea-9563-0ec3c8a3dc24.png）但如果能有这个就太好了： ![图片]（https://user-images.githubusercontent.com/79406/74995129-f33f0600-541d-11ea-936d-15570597a6f6.png）不覆盖CSS，因为我仍然想使用大型模态。我查了源代码和文档，似乎唯一能设置的属性是...

ronaldaug

对于那些不知道如何使用模态“属性”的人来说，你可以在 modal 的 open 方法中添加选项“opts.attributes”，如下所示。 “JavaScript const modal = 编辑器。模态; const opts = { 属性：{ class：'my-custom-class'， id：'my-custom-id' } } modal.open（opts）; ``` 因为我在[这里的文档]（https://grapesjs.com/docs/api/mo...

kaoz70

好的，我想做一个函数来设置宽度，比如：setWidth（'400px'），还有一个自定义属性的方法：setAttributes（{'data-custom-attribute'： 123}）。我觉得需要两个函数，因为宽度由CSS控制，模态设计也是，所以在这种情况下让用户设置宽度就足够了。属性函数则用于其他需要的情况你怎么看？

kaoz70

你好，抱歉我现在工作堆得很满，如果@sunnykgupta能试试这个就太好了。

查看详情

#25222020年1月22日作者 jcamejo3 个回答

2 个反应

增强

关于将包装纸高度调到100%时的警告

你好@artf希望一切顺利。这更像是提醒或警告信息，针对我刚遇到的问题，花了我一些时间才弄明白。如果包装器的高度（默认由选择器 #wrapper 修改）设置为“高度：100%”，而不是“最小高度：100%”，编辑器的工具容器将表现出不良行为。 ![演示]（https://user-images.githubusercontent.com/1976679/72892947-1770cf80-3d18-11ea-8695-3a371cf57767.gif）这是因为滚动事件不会由窗口对象触发，而是由包装元素触发，导致“onFrameScroll”在CanvasView中未触发。 OnFrameScroll 是在 renderBod...

artf

你好，Juan，感谢你提供的所有细节，我很快会合并一个大型画布重构，看看能否修复（比如把滚动回调功能附加到包装器上）

artf

谢谢提醒，@bgrand我其实忘了这个问题 😬 下次版本会修复。

jcamejo

很高兴听到这个，希望重构能帮你解决问题。

查看详情

#24272019年11月25日作者 senchden1 个回答

0 个反应

增强

添加工具栏重绘功能

如果选中的模型工具栏是动态更改的（添加按钮、移除按钮等），除非整个组件重新绘制，否则变化不会在视觉上被反映出来。我觉得如果能有可视化（自动或手动）显示工具栏属性变化的功能会很好。

artf

关闭时工具栏已经更新 “''js const selected = editor.getSelected（）; Selected.set（'toolbar'， selected.get（'toolbar'）.splice（1）） ```

查看详情

#24202019年11月20日作者 prestonkscott暂无回答

0 个反应

增强需要帮助

：在 Iron Edges 中取消块拖动会导致画布功能受损。

我在本地和GrapesJS演示中使用Internet Explorer时都遇到了这个问题。如果你在画布上拖动一个方块，然后试图通过拖回起始容器或按Esc键来取消拖拽，画布上仍然会添加一个新组件，画布高亮和工具栏就会停止工作。拖动另一个方块到画布上而不取消，功能会恢复。预期行为：在将文本块拖曳到画布上后，按下 Esc 键或返回块菜单不应向编辑器添加组件。实际行为：在将文本块拖曳到画布上后，按下 Sc 键或返回块到块菜单，编辑器中会添加一个文本组件，组件高亮和工具栏将不再显示。繁殖步骤：在Internet Explorer 11中打开GrapesJS HTML演示。点击文本块，将其拖到默认的头部部分上。不松开鼠标，...

查看详情

#24192019年11月20日作者 MartinPutz3 个回答

1 个反应

增强需要帮助

绝对拖拽模式在触摸设备上无法使用

绝对拖拽模式（搭配Grapesjs的触摸插件）在触摸设备上无法使用。 GrapesJS 版本：0.15.8 预期行为：用户还应能通过触摸屏上的拖拽移动组件。当前行为：用户可以正常拖放方块。如果用户想通过拖拽移动被丢弃的组件，看起来拖动已经开始（样式更改），但组件并没有移动。演示中也可以重现： https://jsfiddle.net/v9kecdpz/ 繁殖步骤：打开演示（包含带有 grapesjs touch 插件的 jsfiddle）将一个方块拖入画布（或使用已有的方块）尝试通过拖曳来移动组件测试对象：安卓平板 iPad 2019，iOS 13 测试时使用了Chrome浏览器。这很可能不是设备或操作系统本身的问...

wfcheng

这可能有关联，也可能无关。我注意到在 OSX Safari 上使用 grapejs v0.16.34 时，当我在 Safari 上拖动块块到画布时，ComponentDrag.js onStart（）函数中的事件参数是未定义的，这可以用 https://jsfiddle.net/v9kecdpz/ 上面提到的同样方法在 Safari 上重现。我只能像下面那样本地补丁（虽然不算漂亮，但似乎能用）： from 'const { x， y } = Canvas.getMous...

pradeeshattlee

嘿@MartinPutz 资产管理器不会在iPad、桌面触摸设备上弹出——Chrome、Firefox和Safari。而且编辑器的画布滚动功能在iPhone上不工作。我到底漏掉了什么？提前感谢大家。

MartinPutz

嘿，@pradeeshattlee 这个问题其实和资产管理公司无关，而是渲染完后，组件的移动。我很少用资产管理，但据我记得它在iPad上运行得很好。如果我是你，我会开一个新刊，里面有所有可能有用的细节。

查看详情

#23812019年11月6日作者 ColinTenaguillo3 个回答

3 个反应

增强

编辑器里能添加信息模态吗？

你好，我想在 Grapejs 编辑器里添加一个可点击的问号，这样我们就能向用户提供该特定规格的具体信息。 ![图片]（https://user-images.githubusercontent.com/36203690/68286437-65fbbf80-0081-11ea-9e47-ba366c822984.png）它会打开一个模态，包含我们在向扇区添加该属性时能提供的所有信息。就像你在网页演示里做的那样。 ![图片]（https://user-images.githubusercontent.com/36203690/68287251-b9bad880-0082-11ea-94e9-429c2477e1cc.png）

artf

目前没有关于扩展/更新样式管理器属性的文档（我刚意识到像 [grapesjs-style-filter]（https://github.com/artf/grapesjs-style-filter）和 [grapesjs-style-gradient]（https://github.com/artf/grapesjs-style-gradient）这样的插件，但还不够），说实话，我目前做的（作为公共 API）并不够稳固，我不喜欢它。我希望能达到[自定义特质]（https:/...

ColinTenaguillo

这是我今天做的，做了一些修改： ![ezgif-3-c8ae3AAA7DC0]（https://user-images.githubusercontent.com/36203690/68382629-66b15600-0154-11ea-9add-2a5bebcac89e.gif）这是我想要的外观，现在我只需要想办法把我想要的内容放进模态里

ColinTenaguillo

嘿，我怎样才能用我的修改发布我的分支，针对拉取请求？ “''js export default Backbone.View.extend（{ 模板（model） { const pfx = this.pfx; 返回” <div class=“${pfx}label”> ${this.templateLabel（model）} </div> <div class=“${this.ppfx}fields”> ${this.templateInput（model）} </div>...

查看详情

GrapesJS 问题

浏览所有主题