GrapesJS 问题

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

找到 3,464 个问题

#27292020年4月22日作者 DaithiLynch3 个回答
0 个反应

更新至最新版本

我从下载的新闻通讯0.10.7更新到最新版本0.16.3,新版本中发送测试邮件的测试表单不工作,实际上在Verion 0.10.8后似乎就停止工作了,打开时表单似乎被附加在屏幕末尾

artf

是的,那个东西多年前就被放弃了(它依赖的服务禁止了我用它)。

DaithiLynch

你好,亚瑟, 谢谢回复, 问题不在于发送,我已经解决了,问题在于实际的模态显示,发送按钮和主题都缺失,无论我怎么尝试都无法显示,0.10.7版本会显示,但新版本没有

artf

别试图重复使用那个模态,直接自己创造......

#27282020年4月22日作者 ajumell1 个回答
0 个反应

我如何通过程序设置组件的背景图像?

你好, 我想创建一个选项,通过双击某个组件来更改背景。我双击模式时可以打开它。但我怎么用它来识别背景图像属性呢?我查了代码库,没找到线索。有人做过类似的事情吗?请提供一些建议或线索。

artf

@ajumell比如,当你选择要应用的背景时,可以通过这种方式更改组件背景 “''js component.addStyle({ 'background-image': 'url('${url}')' }) ```

#27272020年4月22日作者 adamwpe3 个回答
6 个反应

除非特性发生变化,否则自定义组件类不会被渲染

我觉得这是个bug, 基本上,我有一个自定义组件,带有一个类的属性(“gjs-button”),但这个类只有在特质被更改时才会被渲染和应用。拖拽组件: ![捕获1](https://user-images.githubusercontent.com/49768920/79913334-54358b00-841b-11ea-834a-248cda3db5ff.PNG)修改组成性状。 ![捕获3](https://user-images.githubusercontent.com/49768920/79913331-539cf480-841b-11ea-8e4f-745a4803b378.PNG)组件再次渲染,但你可以看到类 'gjs...

pouyamiralayi

你好@adamwpe请使用“classes”属性代替“attributes”: 干杯!

adamwpe

哦,谢谢,@pouyamiralayi, 看到有人用属性,就以为那是正确的方法——效果非常好!

adamwpe

看起来保存和重载时也会发生类似的情况。使用这个自定义组件,你可以修改大小,但当你保存并重新加载时,渲染器不会绘制成正确的尺寸,尽管它保存了正确的宽度: 存档前: ![Capturea](https://user-images.githubusercontent.com/49768920/80026932-d638b900-84da-11ea-9d0d-422a7c94d032.PNG) 装填时(宽度正确): ![Captureb](https://user-images.g...

#27262020年4月21日作者 adamwpe1 个回答
0 个反应

让组件内容可编辑

有没有可能让组件的内容完全可编辑? 我想创建一个带有href特性的自定义锚点,然后用户可以根据我的计划把锚点样式做成按钮样式。 基本上我想让用户像对待任何文本一样,为“点击我”做样式。 我做了一个小提琴,展示了现在的样子:https://jsfiddle.net/tb2gyas8/ 有什么想法吗?

adamwpe

算出来了: 只需要把输入做成链接,然后加上文本成分。例如,

#27252020年4月21日作者 Chewhern3 个回答
1 个反应

Editor.getCss() 在使用 Cookie 传递 CSS 样式时使用 PHP 出现的问题

我公司希望我开发一个自动化的无导入模板构建器(不下载zip,不上传zip),可以在电子邮件营销系统中使用。 ![错误](https://user-images.githubusercontent.com/7954644/79830298-b371ac00-83d7-11ea-8edf-fb9ebe4b3c3c.png) 但是,每当我尝试通过写入和创建文件而不下载文件来导出CSS到服务器文件时,CSS 里只包含我标记的那个。文件中没有包含所有未高亮的CSS。有什么办法解决这个问题吗? 这是我的编码 ![错误2](https://user-images.githubusercontent.com/7954644/79831064-49...

adamwpe

StorageManager只是一个把数据以漂亮格式送到终端的机制。如果你愿意,我觉得没理由不能把它保存成文件。只要拿到价值POST美元的数据,然后再做fileput_contents。 谢谢 亚当

adamwpe

你好,Chewhern, Cookie 不能存储大量信息——比如 4k 大小——所以容量不够大,无法存储 CSS 或 HTML。你真的需要用存储管理器。 https://grapesjs.com/docs/modules/Storage.html 谢谢, 亚当

Chewhern

既然你来了,我想了解一下存储管理器的行为,如果我写脚本把这两条数据存到服务器里,能不能不直接保存到数据库?因为我看到这里有些人直接保存到数据库。

#27242020年4月21日作者 jozue061 个回答
2 个反应

一幅画布上的页面

你好,不太确定这应该发到哪里,但我还是说说了。 我正在制作一个构建器,用于制作将打印的餐厅长菜单。 我的问题是,有没有人能为“菜单”的每一页做一个页面大小的边界框的范例? 假设我有150种啤酒。我想让每个页面都包含一定数量的内容,然后跳到下一页,并且在画布里展示内容,基本上就是把新闻通讯的演示拿出来,而不是无限滚动,而是让画布内部的某个部分<body>有多个特定大小的“页面”。 如果没有例子或想法,除了顶级葡萄文档,有哪些好的起点? 谢谢大家!

Ju99ernaut

你可以利用 CSS 属性 [break-before](https://developer.mozilla.org/en-US/docs/Web/CSS/break-before) 或 [break-after](https://developer.mozilla.org/en-US/docs/Web/CSS/break-after)。你也可以创建一个分页块,每页后手动添加,比如 [grapesjs-plugin-page-break](https://github.com...

#27232020年4月20日作者 lewishealey1 个回答
0 个反应

加载资产的事件监听

我需要找到一种方法,在资源管理器中选中图片时暴露事件监听器,有没有办法做到?我只能在图片上传时看到事件监听器,无法选择预定义的素材。 谢谢

lewishealey

我用更新目标买的 'updateTarget(trgt) { const image = this.model; const dirName = image.attributes.src; const filename = dirName.replace('https://d3d4x44eptevwm.cloudfront.net/md/',''); trgt.set('attributes', { src: 'https://d3d4x44eptevwm.cloudfro...

#27222020年4月17日作者 tomaskallup3 个回答
0 个反应

高亮和工具栏在外部滚动中位置错误

你用的是最新版本吗(旧版本不支持)?是的 你是在本地版GrapesJS遇到这个bug,还是当前的演示版?地方操作系统:Archlinux浏览器:Firefox 74.0 和 Firefox 开发者版 75.0b11葡萄:v0.16.3 预期的行为是什么?高亮应在外部滚动时更新其位置 结果会怎样? ![葡萄卷轴发行](https://user-images.githubusercontent.com/26621166/79562540-91142180-80ab-11ea-9fc3-8107c94759c6.gif) 我尽力模仿这种行为,但没成功。即使使用同一个栈(Parcel、Typescript、React、Ant Design...

artf

是的,真的很奇怪,我最初猜测是Canvas工具栏在窗口“滚动”时没有更新,所以我尝试创建一个非全屏的长页面示例,但我发现主窗口上没有“滚动”监听器,因为不需要,工具栏的位置是正确的。 所以,我能想到的唯一合理问题可能是Firefox浏览器(请尽量在Chrome浏览器里查看你的页面),或者你可能在iframe里加载页面,因为这可能是个问题,这种情况下你需要设置一个“滚动”监听器并将其传播到编辑器

tomaskallup

你好,谢谢你的回复! Firefox似乎不是问题所在(Chrome上也有同样的行为) ![图片](https://user-images.githubusercontent.com/26621166/79864366-a655bc80-83d9-11ea-99f9-25349e219ab9.png) 而且复制仓库在两个浏览器中都能正常运行,没有这个bug。 我没有在iframe里加载任何东西(这是从实际页面的检查员布局) ![图片](https://user-images....

tomaskallup

@artf我想我找到了原因,我们的根元素 '<div id=“❤”“>' 有这样的样式: “''CSS #❤ { 高度:100 VH; 显示:flex; } ``` 把它添加到复制仓库后,问题就出现了!(去除“弹性”似乎能解决问题,我会调查是否真的需要,但至少现在有实际的繁殖能力了)

#27212020年4月17日作者 alex19893 个回答
1 个反应

无法从grapesjs/locale/导入任何locale文件。

你好,我在尝试用 ES6 导入从 'grapejs/locale' 导入任何 locale 文件时遇到了错误 我接着看了相关文档: https://grapesjs.com/docs/modules/I18n.html#configuration 但我总是得到这样一个: ![图片](https://user-images.githubusercontent.com/2537532/79566144-a0fc2780-80e4-11ea-9915-44f2c5a9925f.png) 我只能通过下一种方式导入 ![图片](https://user-images.githubusercontent.com/2537532/7956508...

padcom

根据PR #6459提供的变更,现在可以实现以下操作: '''html <script type=“importmap”> { “进口”: { “葡萄”:“https://unpkg.com/grapesjs/dist/grapes.mjs”, “葡萄/地点/英语”:“https://unpkg.com/grapesjs/locale/en.mjs”, “葡萄/地点/分部”:“https://unpkg.com/grapesjs/locale/pt.mjs”, } } </...

artf

应该会在 https://github.com/artf/grapesjs/releases/tag/v0.16.12 修复

willGabrielPereira

它仍然不行,只能在“src/i18n/locale/...”下运行。 使用 v0.20.3 ![图片](https://user-images.githubusercontent.com/50017649/215490244-37bdef3c-c7b2-4296-887b-5cbabf111d13.png) ![图片](https://user-images.githubusercontent.com/50017649/215490119-48381212-e3d9-4be...

#27202020年4月17日作者 novakben暂无回答
0 个反应

确认离开编辑器

我想取消用户尝试离开编辑器时(禁用 StorageManager 时)的“离开网站?”确认对话框。 原因是我把代码存储在服务器端,然后用“fromElement”拉取。 但当我提交表单来存储页面时,总是会弹出 JS 确认对话框。 即使是假叫“store”,当存储完全被禁用时也无效。 有什么建议吗?

浏览所有主题