GrapesJS 问题

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

找到 3,464 个问题

#10752018年4月27日作者 kuldeepcis2 个回答
0 个反应

创建新元素块

我需要在基础方块部分添加新元素。我查过我们有个gapejs-preset-webpage.js可以添加元素,但整个编辑器模块里用的是压缩版,所以我需要包含压缩版,不能包含gapejs-preset-webpage.js。有没有办法添加这些新元素?我附上了需要添加新元素的截图。 ![截图来源:2018-04-27 16-49-25](https://user-images.githubusercontent.com/16045467/39366125-a8adef94-4a50-11e8-8f97-45c480229810.png)

artf

https://github.com/artf/grapesjs/wiki/Blocks

lock[bot]

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

#10742018年4月27日作者 kopecms3 个回答
0 个反应

保留数据-gjs- 标签

你好,内容很棒。Thanks.Is 可能在加载HTML模板时不移除data-gjs-标签,或者用getHtml()返回它们?

artf

不,'data-gjs-*' 属性只用于导入

Moikapy

本地版本有没有办法移除这个?我需要在返回画布时保留“data-gjs-*”。

artf

你总可以扩展“默认”组件视图,添加你需要的属性

#10732018年4月26日作者 NicolasBerino3 个回答
0 个反应

与大西洋交通的整合

你好, 其实,我有一个 GWT 应用,需要集成 Grapes JS。我的问题是我不太懂怎么做,因为 JS 里有那么多不同的文件。我明白需要创建一个有特定路径的模块,但我不太明白在这么大的项目背景下,如何将 js 和 gwt 连接起来。如果有人能帮我一把,那就太好了。

artf

我不知道GWT是怎么运作的,但我不指望用其他外部库有什么不同。你只需要包含一个 grapesjs js 文件 https://unpkg.com/[email protected]/dist/grapes.min.js(可能还需要一个 [style](https://unpkg.com/[email protected]/dist/css/grapes.min.css)),然后在正确的上下文中使用它。

NicolasBerino

谢谢你的回答,但这对我没什么帮助,因为我在写作上下文的层面上遇到了困难。事实上,我尝试用说明文件整合这两个最小文件(结果几乎没有上下文),但没成功。 如果有人尝试过在gwt中寻找葡萄JS的整合,并能给我一些指导,那就太好了。我试过用JSInterop,但不太明白它是怎么运作的。

lock[bot]

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

#10722018年4月25日作者 andsnake2 个回答
0 个反应

如果HTML中没有使用该规则的元素,就不能添加新的CSS规则

你好,我用的是最新版本,遇到了标题中描述的问题。 我分别编辑HTML和CSS。 我注意到编辑CSS时,如果我尝试添加一个尚未被画布中任何元素使用的新类,保存后该类会被移除, 如果我去创建一个虚拟 div,赋值 ie class =“test”,然后再给 CSS 添加 .test{color=“red”} 规则,CSS 的更改会被正确保留。 这里有一个JS小提琴,你可以试试看它的行为。https://jsfiddle.net/d64sc5g4/ 这是正常行为还是bug?

artf

是的,这是正常行为,编辑器会优化导出的代码,但在下一个版本中你会看到一个新的 ['keepUnusedStyles'](https://github.com/artf/grapesjs/issues/1053)选项,可以跳过这个优化

lock[bot]

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

#10712018年4月25日作者 perfect-coders2 个回答
1 个反应

改变颜色,永久调整整个编辑器的悬停厚度。

@artf - 我不希望用户选择元素并更改状态。我想默认永久更改整个编辑器的颜色和厚度。这意味着它不依赖于用户或任何元素。我想永久更改编辑器的版本。

chapterjason

你可以在以下目录中找到编辑器的所有样式 https://github.com/artf/grapesjs/tree/dev/src/styles/scss 注:是 scss,不是 css 如果你想直接了解CSS选择器,可以用浏览器开发工具。如果你找到了想更改的选择器,创建一个文件,写下覆盖,加载后再加载它们。这应该可行。 示例:https://jsfiddle.net/3bprucnv/3/

lock[bot]

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

#10702018年4月25日作者 AboyobamX2 个回答
0 个反应

图片插入被阻挡

我正在尝试用 Grapesjs 搭建一个网站,但现在遇到了一个问题,就是无法从我的电脑插入任何图片。 当我尝试上传图片时,会出现以下信息: ![Bildschirmfoto 2018-04-25 um 14 35 33](https://user-images.githubusercontent.com/38724928/39246163-0bd3bff2-4896-11e8-8a92-a14cc5093269.png) 有人知道怎么解决这个问题吗? 谢谢你的帮助! 阿博博巴姆X

artf

演示使用了Filestack的免费套餐,因此当使用限制达到时,插件会被屏蔽(每月重置一次)。此外,演示旨在展示GrapesJS的功能,而非作为创建网站的服务

lock[bot]

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

#10682018年4月25日作者 perfect-coders2 个回答
0 个反应

同样的特征在保存模板后渲染倒计时元素时没有显示

第一次倒计时显示和工作都很正常。但我保存模板后再渲染模板,但当我再次点击倒计时元素时,这些特征并没有在倒计时元素中显示。

artf

存储和加载数据时要用JSON格式,而不是HTML。在“如何存储/加载数据”相关问题中搜索更多信息

lock[bot]

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

#10672018年4月25日作者 phucphanJaneto3 个回答
0 个反应

当允许脚本时,葡萄将变为空

你好@artf 我初始化了 Grapesjs,但没有允许脚本。我从附件(template.zip)导入了html字符串,Grapesjs可以正确显示 但当我在init代码中用'allowScripts: 1'允许脚本,并导入上述HTML字符串时,Grapesjs没有显示任何,我也不能使用任何葡萄。 ![图片](https://user-images.githubusercontent.com/37202364/39227201-91ead3e2-4881-11e8-9528-61b04869bf88.png) [template.zip](https://github.com/artf/grapesjs/files/1945509...

artf

你能在jsfiddle上做一个现场演示吗?

no-response[bot]

由于我们请求原作者提供更多信息未获回应,本期已自动关闭。仅凭当前期刊中的信息,我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案,请随时联系我们,以便我们进一步调查。

phucphanJaneto

嗨,@artf 抱歉回复晚了。 给你看:https://jsfiddle.net/oq58jk1p/6/ 目前,我在 jsfiddle 中注释“allowScript: 1”。测试时请再打开这个。 谢谢。

#10662018年4月24日作者 JulyanoF2 个回答
2 个反应

获取包含内联CSS的内容

我一直在寻找一些解释,发现有些邮件客户端会屏蔽CSS...... 我想知道有没有办法让编辑器的 HTML 中所有 CSS 都内联,比如 '<div style=“color:red; max-width: 100px”></div>' 而不是 classs

chapterjason

嘿, 有一些方法可以做到这一点。 阅读[此](https://github.com/artf/grapesjs/issues/546)以获取使用[Juice](https://github.com/Automattic/juice)的解决方案 想了解更多细节,我建议你去文档里多了解存储管理器。 下次请使用搜索功能。 欢呼!

lock[bot]

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

#10652018年4月24日作者 kuldeepcis2 个回答
0 个反应

演示页面和下载体验不一样

GitHub的克隆代码只有一个空白块。请检查我本地机器的附件。 ![截图,2018-04-24 21-36-12](https://user-images.githubusercontent.com/16045467/39199632-94304d8c-4807-11e8-9b2a-993a6c74bc8d.png) 请指导我如何在本地机器上设置。 我会直接用git克隆 https://github.com/artf/grapesjs.git 然后安装所有扩展,比如 https://github.com/artf/grapesjs-plugin-export using command: npm i grapesjs-plugin...

artf

https://github.com/artf/grapesjs/blob/gh-pages/demo.html

lock[bot]

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

浏览所有主题