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>...

浏览所有主题