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,但似乎没什么帮助

浏览所有主题