GrapesJS 问题

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

找到 203 个问题

🔍 enhancement
#18162019年2月20日作者 Shah-ali3 个回答
0 个反应

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

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

artf

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

Shah-ali

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

Shah-ali

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

#18122019年2月19日作者 ryancwalsh3 个回答
4 个反应

:尝试添加背景图像时出现404(演示中可复现)

以隐身铬色访问 https://grapesjs.com/demo.html点击“Header”元素点击装饰>背景删除第2层点击第1层点击“x”删除紫色背景图像控制台中出现“GET https://grapesjs.com/none 404”错误点击“图片”尝试添加任何其他新图片,但都不行

NicoEngler

我可以确认 https://grapesjs.com/none 404 在第 7 步测试中,在 Chrome 72.0.3626.119 中,无论是普通模式还是无痕模式。

NicoEngler

@artf我做不到,添加图片(无论是普通模式还是无痕模式)都有效。

ryancwalsh

更新:我刚刚用之前的步骤在Win 10 Chrome无痕版本72.0.3626.121(官方构建)(64位)上再次尝试。 这次控制台错误显示“资源加载失败:服务器响应状态为404() none:1”。 但是,在第9步,我可以成功添加一张图片。 我不知道是Grapesjs还是Chrome有什么变化,但现在这个方法对我来说有效。

#17912019年2月13日作者 minuwan1 个回答
0 个反应

目的地名称

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

artf

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

#17672019年1月30日作者 arachnosoft2 个回答
1 个反应

确保getHtml() / runCommand(“gjs-get-inlined-html”)返回画布的最新内容

你好@artf, 我遇到过类似甚至相同的问题:#1327 编辑文本块时,我点击一个外部按钮获取画布内容,不离开画布的光标。 此时,如果我调用 getHtml() 或 runCommand(“gjs-get-inlined-html”)(我的 grapesjs 是用 Newsletter 插件加载的),这两个命令都会返回画布内容的前一状态(= 我开始编辑区块之前),而不是“当前”状态(即我当前输入的文本)。 我想这是设计中的;在线演示中可以轻松复现: ![葡萄直到模糊才更新](https://user-images.githubusercontent.com/42835357/51984968-fecf3000-249c-11e9-...

artf

是的,这正是它的运作方式。 我会试着在获取HTML数据前先合并临时状态

lock[bot]

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

#17452019年1月23日作者 sankaran853 个回答
7 个反应

:允许导入HTML文档

大家好, 我们在项目中使用 grapesjs 通讯插件来导入和预览模板。我们在保留模板结构时遇到了一些困难,模板结构是我们导入到 grapesjs 编辑器中的。请查看下面的示例 导入了HTML '''html <!DOCTYPE html> <html> <body> <h1>葡萄 </h1> <p>这是我的第一份葡萄酱模板。</p> </body> </html> 实际输出,就是我们用编辑器用命令得到的 (editor.runCommand('gjs-get-inlined-html') '''html <h1 style=“box-sizing: border-box;”“>Grapesjs</h1> <p style=“bo...

wimurk

@artf我是。先用带有“->getHtml”的html,然后放到dom元素里。然后把身体抽离,把头衔、元内容等从主导身上移除。然后再提取html。JQuery万岁。 不过如果能用 grapesJS 实现这些功能,那就太棒了 :-)

artf

<img width=“1253” alt=“5” src=“https://github.com/GrapesJS/grapesjs/assets/11614725/830ea394-773f-4d76-8ea0-37af7e250760”> 新增了导入HTML文档的功能 https://github.com/GrapesJS/grapesjs/pull/5895

artf

目前,编辑器只导入正文内的内容。要让它也能理解其他文档节点,需要重构[当前HTML解析器](https://github.com/artf/grapesjs/blob/dev/src/parser/model/ParserHtml.js)

#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]

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

#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)。我觉得提供一些自定义逃脱策略选项可能是个好主意。

#16262018年12月3日作者 ProfSaputo2 个回答
0 个反应

插入列柔性盒组件时使用错误的占位标记

你好,artf, 我遇到了插入占位标记的问题。当你在Flexbox-Parent中插入组件时,它始终是垂直的(通常需要的)。但如果你把flex-direction属性改成列,物品是竖排的,所以占位符应该是横向的,比如块状物品。但该性质对位置或尺寸没有影响。 图片,转载于最新演示中: ![GJS-flexbox-column](https://user-images.githubusercontent.com/45426263/49361212-b46b4600-f6db-11e8-8696-f42d2a18d2d0.PNG)

artf

谢谢@ProfSaputo我会在下次版本里修复

lock[bot]

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

#16152018年11月28日作者 jmtt892 个回答
0 个反应

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

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

arthuralmeidap

创建MR #1705

lock[bot]

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

#15852018年11月15日作者 goremykin3 个回答
0 个反应

隐藏文本编辑器

你的方法“hideToolbar”没有提供文本编辑器超过100px的情况。 因此,在某些情况下,其部件是可见的(例如,在 customRte.enable 方法的开头) ![图片](https://user-images.githubusercontent.com/25577658/48562239-d6568180-e902-11e8-8c1c-65c30e377067.png) ![图片](https://user-images.githubusercontent.com/25577658/48562280-ea01e800-e902-11e8-94ea-9d6d8409ea32.png)

artf

你能举个活例吗?我本以为工具栏会被隐藏,因为显示“无”。

goremykin

你能举个活例吗?我本以为工具栏会被隐藏,因为显示“无”。 如果你按照这个步骤连接CKEDITOR: https://grapesjs.com/docs/guides/Replace-Rich-Text-Editor.html#interface 在 enable 方法的开头设置断点,然后双击该元素,你可以看到和截图里一样的内容

goremykin

只需要考虑到我用的是大号的 ckeditor(超过 100px)。

浏览所有主题