GrapesJS 问题

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

找到 1,399 个问题

🔍 outdated
#10782018年4月30日作者 kuldeepcis3 个回答
1 个反应

添加自定义的倒计时日期时间选择器

倒计时时我们想添加自定义的日期时间选择器,而不仅仅是HTML那个。我们尝试过用这种方式在它的特性中添加点击事件 特质:[{ 标签:“开始”, 名称:“Startfrom”, 变革提案:1, 类型:n.dateInputType, 事件:{ 咔嗒:“handleClick”, }, handleClick:function(e){alert('here')}, } 但这行不通。你能帮帮我吗? 你能提供未压缩的grapesjs-preset-webpage.min.js版本吗?

nojacko

源代码:https://github.com/artf/grapesjs-preset-webpagehttps://github.com/artf/grapesjs-component-countdown

artf

@kuldeepcis请看看如何创建[自定义特质](https://github.com/artf/grapesjs/wiki/Traits)

kuldeepcis

你能提供未压缩的grapesjs-preset-webpage.min.js版本吗?

#10772018年4月30日作者 Deepak8133 个回答
2 个反应

我们如何移除所选组件的 HTML

你好,artf, 请告诉我们如何移除所选组件的html 我有一个按钮的html,当我选择“gjs-comp-selected”类时,会被附加到 <button class=“addcolbtn gjs-comp-selected” id=“ir9j”>Add New column</button> 我想移除这个按钮的html,并在特定事件中用新内容替换。 请帮我们了解如何移除所选组件。

artf

你可以这样做 “''js const component = editor.getSelected(); const coll = component.collection; const at = coll.indexOf(component); coll.remove(component); return coll.add('<div>新内容</div>',{ at }); ```

mararn1618

这对我编程移除组件帮助很大,我想在 Typescript 里添加一些示例代码以便进一步参考。Typescript示例:动态移除组件 所有部件都被拆除........拥有标签名 = exampletag..具有属性 = exampleattr

Deepak813

你好,artf, 谢谢你的消息,提供的代码运行正常,但我遇到以下错误: 未捕获类型错误:无法读取未定义的属性“indexOf” 在HTMLDivElement。<anonymous> (template.js?1.15:3784) at HTMLDivElement.dispatch (jquery.min.js:5) at HTMLDivElement.v.handle (jquery.min.js:5) 在 ZoneDelegate.webpackJsonp.../.....

#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”。测试时请再打开这个。 谢谢。

浏览所有主题