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 中寻找 grapesJS 集成，并能给我一些指导，那就太好了。我试过用 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 个反应

需要更多信息已过时

允许脚本时 Grapesjs 变为空

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

artf

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

no-response[bot]

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

phucphanJaneto

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

查看详情

GrapesJS 问题

浏览所有主题