PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验

GrapesJS 问题

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

找到 1,399 个问题

🔍 outdated
#12502018年6月30日作者 Deepak8132 个回答
0 个反应
已过时

倒计时类型“datetime-local”在Mozilla浏览器中无法使用

你好，@artf， 希望你一切安好。 几天前我在参考文献#750中问过你关于如何在倒计时元素中设置时区的问题，你说我们可以使用它的不同选项，所以我用“DateTime-local”来显示时间，但在Mozilla浏览器中它无法使用。请告诉我们如何解决这个问题： ![倒计时]（https://user-images.githubusercontent.com/33951403/42122025-e14bcdaa-7c58-11e8-8c21-807846da626b.png） 请帮助我们解决这个问题。 提前感谢大家。

artf

倒计时是一个插件，所以你应该在这里打开所有相关的问题 https://github.com/artf/grapesjs-component-countdown......已经告诉过你了 [这里]（https://github.com/artf/grapesjs/issues/750#issuecomment-357432893）只需创建一个[自定义特征]（https://github.com/artf/grapesjs/wiki/Traits）（例如使用某个日期选择器），并...

lock[bot]

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

查看详情
#12492018年6月29日作者 gregvissing3 个回答
1 个反应
已过时

在Cloud9上运行问题

我试图在Cloud9上运行，但当我用“npm start”命令运行时，它给了我一个 http://localhost:8080/ 的URL，而我需要它按照以下格式运行：https://app-name-username.c9users.io/。我需要更新什么才能实现这个功能？

richardabear

在webpack开发服务器配置中使用process.env.HOST和process.env.port。

artf

而且“npm start”的最后一个命令是webpack开发服务器，你可以通过这种方式传递它们 'NPM 启动-- --主机XXX --端口80'

lock[bot]

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

查看详情
#12482018年6月29日作者 ronaldaug2 个回答
1 个反应
已过时

在默认（代码视图）模态中添加一个按钮。

这其实不是个问题。 我想在原始代码视图模态中添加一个按钮，就像 zip 下载按钮，@artf添加到 [这个插件]（https://github.com/artf/grapesjs-plugin-export）。 与其修改 gjs 导出插件，有没有什么 API 选项能让我用几行就能实现？ 大概是这样的...... 可以通过克隆一个新的代码镜像来实现，如下所示。但GJS编辑器里会有两个代码编辑器，我觉得单一按钮操作起来会更麻烦。 ' var codeViewer = editor.CodeManager.getViewer（'CodeMirror'）.clone（）; `

ronaldaug

我是通过听这个命令 run：export-template 得到的。

lock[bot]

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

查看详情
#12472018年6月29日作者 algodata443 个回答
0 个反应
已过时

创建新类型后文本消失

你好！ 我正在创建一个新块，在创建过程中（拖放）打开一个模态 https://github.com/artf/grapesjs/issues/174 真的帮了我，效果很好。 但它带来了一个令人惊讶的副作用：当我选择和取消一个文本组件时，文本会消失。 这是代码，我觉得我无意中改了defaultType属性：

artf

'isComponent' 的位置不对，应该传递到第二个参数对象里 “''js defaultType.model.extend（{ isComponent //<- 错误 }, { isComponent //<- 正确 }） ''' 就像不声明它一样，正如[Components]（https://github.com/artf/grapesjs/wiki/Components） > 当你在栈顶端放一个新的组件类型时，不声明isComponent（）可能会出问题，尤其是你...

algodata44

效果非常好，谢谢！

lock[bot]

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

查看详情
#12462018年6月28日作者 Jogai3 个回答
0 个反应
缺陷已过时

如何用 toHTML 保留 Id 属性

更新日志中写道增加了在 toHTML 方法中输出自定义属性的可能性 我们该如何使用这个功能？我在维基里找不到相关的问题，也找不到关于toHTML方法选项的信息。 我在0.14.20及之前用过这个函数把HTML发布到服务器，并对HTML和CSS做了更多处理，但现在ID已经不在HTML里了。我喜欢设置它保留类和ID。

artf

但现在 ID 已经不在 HTML 里了 你能更好地解释一下你的情况吗？因为这个新功能不应该改变之前的行为。 顺便说一下，为了解释这个新选项，我们举个例子，一个组件在“component.toHTML（）”上返回了这个： '''html <section id=“some-id”> <h1>你好！</h1> </section> 返回 '''html <section id=“some-id” some-attr=“some-value”> <h1 class=“h1”>你好...

Jogai

你说得对。改变这种行为的并不是这个功能。也许是个bug，确认后可以更改问题标题。 我的测试案例： 模板： 版本 0.14.21 html 输出（来自 grapesjs.com/demo.html）： 版本 0.14.21 html 输出 CSS 有正确的 ID，但 HTML 没有。 在我本地的环境里，版本还是0.14.20，输出内容包含html和css中的id： HTML： CSS

artf

谢谢@Jogai，你说得对，确实有个bug（下次版本会修复），但我建议试试这个选项，应该也能纠正当前的行为： “''js Grapesjs.init（{ ... 通常当你更新组件的“样式”时，这会改变 元素的“样式”属性。遗憾的是，内联造型不允许 使用媒体查询（@media）甚至伪选择器（例如 ：hover）。 当“avoidInlineStyle”为真时，所有样式都插入在CSS规则中 avoidInlineStyle： true， }) ``` 迟早，这可能会默认成为“成...

查看详情
#12452018年6月28日作者 Deepak8133 个回答
0 个反应
需要更多信息已过时

如何在margin-top属性中设置滑块

你好，@artf， 请问能否告诉我如何将滑块设置在margin-top属性中。我用下面的代码设置了，但滑块却朝它的方向移动： { 名称：“Margin Top”， 性质：“margin-top”， 类型：'滑块'， 默认数：1， 步骤：0.1， 最小：0， 最大：1 }, 请帮帮我解决这个问题。 提前感谢大家

artf

我不太理解你的问题，所以请你说得更具体一些，或者更好的是发个现场演示。 顺便说一下，我觉得你不希望1作为最大边际值，更合理的是这样：'step： 1， min： -100， max： 100'

no-response[bot]

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

lock[bot]

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

查看详情
#12442018年6月28日作者 kuldeepcis2 个回答
0 个反应
已过时

关于使用 grapesjs 社交插件的冲突

你好@artf 我用的是Grapesjs和Grapesjs的社交插件，使用这个插件后系统里产生了一些冲突。 社交插件选项通过babbar显示，同时更改标签表的设计。 ![1530183577657-1686932218]（https://user-images.githubusercontent.com/16045467/42030470-83baef72-7af0-11e8-8b61-31d871e00d62.jpg） 请检查fiddle上的代码;： [点击这里查看]（https://jsfiddle.net/5neqrt0o/6）

artf

错误的仓库

lock[bot]

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

查看详情
#12422018年6月27日作者 saravanan-palani3 个回答
0 个反应
已过时

：json 转 HTML 解析

是否支持JSON转HTML渲染，以便我们能够控制新闻通讯或网页中发布的内容？而不是直接在编辑器里渲染 HTML。

Jogai

你可以把所有独立的内容放进 blockmanager，这样就可以拖入模板。

artf

代替 “''js blockManager.add（'new-block'， { 标签：“我的标签”， 内容： '<section data-attr=“some-value”><h1>Hello！<h1></section>'， })

lock[bot]

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

查看详情
#12412018年6月26日作者 SalesFeed3 个回答
0 个反应
已过时

：新风格未反映在面板中

你好， 在我的项目中，我用自己的方式替换了AssetManager。 但是，当我用新管理器更新组件的背景图像时，背景图像显示了，但新状态没有反映在面板上。 基本上我的问题是：我该如何检测用户正在编辑的属性或属性？又该如何在小组中反映新的状态？ 此致， 理查德

artf

首先，我建议避免在选中的组件 'editor.getSelected（）' 上应用样式，你应该在 'opts.target' 上应用，因为它可能和选中的 'editor.runCommand（'open-assets'， { target： someOtherComponet }）' 不同。我如何检测用户正在编辑的属性或属性？ 利用 https://github.com/artf/grapesjs/wiki/API-Editor#available-events如何反映新状...

no-response[bot]

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

SalesFeed

@artf 谢谢，我按照你的建议做了，但我就是无法让它工作。 opts.target 没有 addStyle 方法 而且编辑器似乎在CSS里生成了一个额外的ID，所以会有重复的ID。 我设置了 avoidInlineStyle： true，但似乎没什么帮助

查看详情

浏览所有主题