GrapesJS 问题

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

找到 3,464 个问题

#26132020年3月2日作者 Rasazna3 个回答
0 个反应

拖拽方块到另一个方块

警告 请阅读并遵循接下来的五个步骤,然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md仅将GitHub Issues用于BUG、功能请求或问题。在问题标题前加上上下文,例如:“[虫子]:.......'先快速搜索一下,看看有没有人没开同样的问题不要要求为你创建示例或代码,先阅读文档和API,然后你可以发布你尝试过的(我们希望看到你的代码)以及你无法实现的所有相关陈述/问题都必须填写/回答,否则问题可能已结束你正在提交一个漏洞你用的是最新版本吗(旧版本不支持)?如果不确定,在控制台输入“grapesjs.version”并按回...

Rasazna

我把网格图和高图作为两个不同的块使用。我会先拖动网格块,再把图表拖入网格块中。这该如何实现?我只能把图表放在网格区块周围。但我希望它能放在格栅区块内。每个网格块都有一个div元素,我想把图表添加到div元素里。

artf

请先阅读文档,看起来你根本不了解[组件](https://grapesjs.com/docs/modules/Components.html)的工作原理......

Rasazna

你能帮我怎么做吗?我还是搞不明白。如果有示例代码会很有帮助。

#26122020年3月2日作者 pradeeshattlee1 个回答
0 个反应

GrapesJs 资产管理器无法支持支持 iPad 和 Touch 的设备

嘿,@artf 我有个关于资产管理(Asset Manager)的问题。通过电脑或网址上传图片时,你可以用左侧面板的命令创建图片块,双击编辑,一切似乎都很正常。但我在iPad或支持触摸的设备上尝试同样的操作时,还是不行,我用了这个插件,其他功能都正常工作。 网址 - https://github.com/artf/grapesjs-touch 资产管理器在iPad上都没有弹出——Chrome、Firefox和Safari都没有。 而且编辑器画布滚动功能在iPhone上都不行——Chrome、Firefox和Safari都不行。 我到底漏掉了什么? 提前感谢大家。

bgrand-ch

你好, 对于未来的问题或技术问题(非漏洞),GitHub的[讨论](https://github.com/artf/grapesjs/discussions)标签是最佳选择。 如果问题已解决,请关闭,或在[讨论](https://github.com/artf/grapesjs/discussions)->[问答](https://github.com/artf/grapesjs/discussions/categories/q-a)类别写一条详细的新消息(并关闭本期)。...

#26112020年2月29日作者 orionseye2 个回答
0 个反应

将外部内容拖拽到 Canvas

我正在尝试从一个列出大量HTML文件(html片段)的模态中添加d&d功能......进入编辑器画布。 每个字母都用“''包裹内容<section> 我尝试用“canvas:dragdata”来允许将数据插入画布 据我理解,这是为了扩展文件类型,可以丢弃,GrapesJS支持文本+图片,所以上述方法应该可行? 与此同时,在玩弄了之后 “编辑。DomComponents.addType' 我正在改变我的问题范围......请见下方评论

orionseye

我只是想澄清我想实现的目标: 我有一些100+ html片段,在当前的“手工”构建器上使用,需要迁移到GrapesJS。 令我惊讶的是,这似乎并不是一份简单的工作。 目前,我用两个 Ajax 函数实现了所需的功能。 a) ajax + scan_dir 用于列出目录内的所有文件(图片和 HTML 文件) b) 用户点击(或拖拽)预览图像到可编辑的 div 中,Ajax 获取对应的 HTML 文件,并将其放置在所需位置。 完成! GrapesJS 如何解决这个问题? 至少,我...

artf

这里你可以找到如何做到这一点 https://github.com/artf/grapesjs/issues/2595

#26102020年2月28日作者 AbdiasM3 个回答
0 个反应

在使用 rte.exec 方法取消选取组件时,样式会丢失

你好,@artf, 在使用 RichTextEditor 工具栏设置背色/前彩(或其他格式如字体大小等)时,格式化在取消选>再次选择和取消选取组件时丢失。请观看Code Pen的演示——https://codepen.io/AbdiasM/pen/LYVydpr 此外,进入编辑模式后,RTE工具栏也不会再次显示。 繁殖步骤:放置文本块双击文本块并选择部分文本(例如这里)点击RTE工具栏的最后一个图标,设置背色 注意:背面颜色被应用点击文本块外再次双击文本块进入编辑模式再次点击外部文本块 注意:背面颜色丢失了再次双击文本区块内 注意:RTE工具栏没有显示 你能帮我看看这个吗?这点挺关键的。

AbdiasM

有人吗?

AbdiasM

解决方法是设置 avoidInlineStyle: 0, forceClass :0, 在编辑器配置中 不过,如果导入模板,问题依然存在。也可以在GrapesJS演示页面(https://grapesjs.com/demo.html)上复现。导入以下模板: ' <div id=“ipwi” class=“c1423”>Test <span draggable=“true” id=“iqhox”>Template </span> issue </div> <style> {...

artf

感谢报告@AbdiasM我们已经知道这个问题,等#1470问题解决后应该会修复(你可以在那里订阅相关内容)。

#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

太棒了,期待下一次发布!谢谢!

#26042020年2月27日作者 Yatharthjn1 个回答
1 个反应

葡萄编辑多个页面

如何在Grapesjs中编辑和保存多个页面......

pouyamiralayi

@Yatharthjn [#1331 评论](https://github.com/artf/grapesjs/issues/1331#issuecomment-409537048)

#26032020年2月26日作者 CharlesBilbo1 个回答
0 个反应

存储管理器类型:远程破坏封存

似乎每当在 storageManager 中添加参数类型 'remote' 时,容器就会崩溃,从而在可视化编辑器中加入不该被选择的元素,比如 iframe(https://imgur.com/a/dytYIV7 )。 ' var editor = grapesjs.init({ allowScripts:1, avoidInlineStyle: 0, 容器:“#gjs”, fromElement: 1, forceClass: true, forceID: true, 身高:“100%”, 展示偏移集:1, 资产管理人:{ embedAsBase64: 1, 资源:图片 }, storageManager: { 类型:“远程”,...

artf

@CharlesBilbo如果这是个BUG,你必须按照模板正确开启问题,并提供可复现的演示。从我现在看到的情况来看,可能是你这边有问题,你身上应用了“gjs-*”类?!确实是件奇怪的事

#26012020年2月26日作者 cristianumali222 个回答
1 个反应

拖拽第二个方块没有CSS

嗨!我用BlockManager创建了带有自己HTML和CSS的不同块。但一旦我拖动同一个方块,CSS 就无法工作了。我已经调试过了。我发现它正在重命名我的方块的ID。举个例子。我有一个表,ID-是“custom-table”。当我拖动同一张表时,ID变成了“custom-table-2”。但选择器为“#custom-table”的CSS不会改变。所以它不会有那种风格。如何解决这个问题。谢谢你

rjrodriguezalvarez97

试着用 classs 作为选择器而不是 ids 来样式

artf

你不能有多个元素使用相同的 ID(也违反 [HTML5 规范](https://www.w3.org/TR/2011/WD-html5-20110525/elements.html#the-id-attribute)),所以编辑器会尝试修复这一点,所以是的,你必须使用类

#26002020年2月25日作者 orionseye3 个回答
4 个反应

GrapeJS 用于现有 CMS

我正在尝试用 GrapeJS 一段时间,已经集成到我们现有的(定制)内容管理系统中,取代了 tinyMCE。 由于这两种方法不同,我想请教一下编辑完内容后如何处理页面保存。 目前的方法是提取标准定义区域的内容 <div class='editableHtmlArea' id='EDITABLECONTENT'> <?php / EDITABLECONTENT / ?> ..然后在中间发布数据,再把它保存回同一个文件 你们有什么经验/方法,有什么建议吗? 与此同时,我在保存数据前尝试了“editor.destroy()”,但没能成功......到目前为止是:)

pouyamiralayi

@orionseyeeditor.destroy() 不是一个选项,因为所有用 .init 声明的 HTML 块都不存在。也没了。 你可以在销毁前调用“editor.getHtml”和“editor.getCss”。 干杯!

orionseye

@pouyamiralayi 谢谢你的建议,我正在考虑切换到远程存储,但目前CMS是为将(编辑过的)内容存储在平面文件中而设计的,也就是有人目前编辑的文件。 每个页面都有自己的index.php,所以只要点击“编辑”按钮,GrapeJS 就会激活。 在这种情况下,编辑后必须销毁编辑器,只保存模板编辑部分。 我就是这个意思。

orionseye

真是太美了! 三条线就像火箭一样快......走。HTML甚至会确保输出有效的html5 抱歉,Pouya,我自己没想到这一点。 非常感谢

#25992020年2月25日作者 ko061 个回答
2 个反应

求助 - 招聘

救命 我们能不能显示删除图标,复制图标一次,而是悬停元素而不是点击? ![截图 2020-02-25 12点 12点](https://user-images.githubusercontent.com/24521034/75251694-265c0d80-5801-11ea-9706-6b8a33f6bf38.png) ![截图 2020-02-25 晚上7:00 32](https://user-images.githubusercontent.com/24521034/75251692-265c0d80-5801-11ea-94df-6182dda76bff.png) ![截图 2020-02-25 晚上7:00 32](h...

pouyamiralayi

@ko06 [#1433 评论](https://github.com/artf/grapesjs/issues/1433#issuecomment-529290842)

浏览所有主题