GrapesJS 问题

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

找到 1,399 个问题

🔍 outdated
#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]

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

#10642018年4月24日作者 bigd2133 个回答
0 个反应

编辑器只打算全屏吗?

我成功地将 div id=“gjs” 封存到另一个 div 容器中,避免占据整个屏幕。 我这样做是为了让我自己的导航栏显示在 grapesjs 编辑器的上方和左侧。 我调整了 height: '100%' 的数值,发现这有帮助,但找不到宽度的值。 我发现颜色选择器现在运行在屏幕右侧,在继续之前,想先问问有没有推荐的最佳实践,可以避免在全屏模式下使用 Grapejs 编辑器?

artf

如果你想要,可以选择“宽度”,但它应该能正确适应父宽度。如果你想更好地了解布局的问题,可以试试JSFIDDLE LIVE DEMO

bigd213

谢谢——我的问题通过宽度选项得到了回答。

chapterjason

@artf我觉得无回复机器人有问题 :smile:

#10632018年4月24日作者 perfect-coders3 个回答
1 个反应

改变悬浮的颜色和厚度。另外,我想要不同元素的不同悬停颜色。

大家好,@artf,为这款超棒的产品举手。 我正在尝试更改悬浮元素的悬浮颜色。 我也在尝试为悬停不同元素赋予不同的颜色和宽度。 请帮我完成这件事。 提前感谢大家。

chapterjason

你可以在“style-manager”里更改元素的“状态”,然后更改“color”和其他属性。 ![图片](https://user-images.githubusercontent.com/1337562/39211389-b88b9084-480b-11e8-8cdd-d2983b5e38ee.png) 编辑器会保存与其状态相关的属性,并保存所有“#test:hover { ... }'选择者。

perfect-coders

@chapterjason - 谢谢你的回复。但这并没有解决我的问题。我不希望用户选择元素然后更改状态。我想永久更换整个编辑器的颜色和厚度。这意味着它不依赖用户。我想永久更改编辑器的版本。

chapterjason

@perfect-coders,你是指编辑器的风格吗?不是编辑器里的元素?

#10622018年4月24日作者 Divyeshkotadia3 个回答
2 个反应

Gjs-get-inlined-html 返回的是未定义,而不是编辑器内容

@artf非常棒的通讯编辑器,非常用户友好。干得好!! 在我的POC应用中,我获取新闻通讯编辑内容,然后作为邮件正文发送给SMTP,发送给相应的收件人。 为了获取编辑器内容,我使用了 'editor.runCommand('gjs-get-inlined-html')' 代码语句,但几天前它一直返回“未定义”。我甚至在[http://grapesjs.com/demo-newsletter-editor.html](http://grapesjs.com/demo-newsletter-editor.html)上尝试了同样的命令,结果也显示为“未定义”,如下所示: ![inlinehtmlissue](https://user-i...

artf

不幸的是,这是 0.14.9 版本引入的 [bug](https://github.com/artf/grapesjs/issues/1051),但已经修复(https://github.com/artf/grapesjs/pull/1052),准备迎接下一个版本

artf

@mmeeeooowww你在网站演示里没有这个命令

francesca-cicileo

+1也遇到同样的问题

#10612018年4月24日作者 Deepak8132 个回答
0 个反应

我们如何展示倒计时特征

你好,artf, 请告诉我们,编辑模式中我们如何使用 editor.setComponents(templateHTML); 然后当我们点击倒计时元素时,它会显示ID和title字段,而不是Endzone和endText字段。 我尝试过很多次将模型类型设置为datetime-local,但仍然没有成功。 请告诉我们,并解决这个问题。

artf

'editor.addComponents('<div data-gjs-type=“countdown”></div>')' 你可以依赖“data-js”标识符创建自定义模板 “''js editor.addComponents('<div data-gjs-type=“countdown”> <span data-js=“countdown”> Days: <span data-js=“countdown-day”></span> 小时:<span data-js=“c...

lock[bot]

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

#10602018年4月24日作者 Deepak8132 个回答
0 个反应

倒计时时间不正常

你好,artf, 请查看以下反映倒计时问题的视频: https://vimeo.com/266054022 请审核一次,如果需要进一步帮助,请告诉我。

artf

https://github.com/artf/grapesjs-component-countdown/issues/4 的复制品

lock[bot]

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

#10592018年4月21日作者 rohanreddyg3 个回答
0 个反应

:动态加载文件中的HTML内容

你好, 我需要在初始化编辑器后或同时,从服务器加载HTML文件到编辑器。如何实现? HTML 会有常规的 HTML 内容,比如 HTML 标签、脚本标签、CSS 链接和需要加载到编辑器中的正文内容。 StoreManager API 文档有限,默认加载似乎会寻找特定的 JSON 结构,并以独立的 HTML 和 CSS 作为数据。 提前感谢大家。

artf

StoreManager API 文档有限,默认加载是针对特定 JSON 结构,并用独立的 HTML 和 CSS 作为数据。 因为这是加载模板数据的正确方式,但如果这是第一次加载模板,你可以把所有HTML放在“html”键里而不是“components”里(留空),编辑器就会用它

suresh5

> StoreManager API 文档有限,默认加载通常会寻找特定的 JSON 结构,并以独立的 HTML 和 CSS 作为数据。因为这是加载模板数据的正确方式,但如果这是你第一次加载模板,你可以把所有 HTML 放在 'html' 键里而不是 'components'(保持空着),编辑器就会用它 你能给我一个简单的例子,用JSON回答做基础HTML吗?

artf

@suresh5请你避免在封闭议题上提出请求......

#10572018年4月20日作者 Deepak8133 个回答
0 个反应

倒计时时间不正常

你好,artf, 我在网站上检查过,倒计时时间不正常,因为分钟栏只接受0、1、2、4、5位数字,导致05分钟后从不显示分钟数。 请看一遍。

Deepak813

你好,artf, 请查看以下反映倒计时问题的视频: https://vimeo.com/266054022 请审核一次,如果需要进一步帮助,请告诉我。

Deepak813

你好,artf, 请找另一个反映倒计时问题的视频示例: https://vimeo.com/266063785 请审核一次,如果需要进一步帮助,请告诉我。

lock[bot]

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

#10552018年4月19日作者 anuradhaindika833 个回答
1 个反应

不能修改DIV的内文

你好, 我用的是最新版本(grapesjs - 0.14.9)。我已经加载了一个外部HTML代码到编辑器中。然后我尝试在 DIV 内编辑文本。但它不允许我。 试着将以下代码导入新闻通讯演示。你会发现无法编辑文本。 如果你移除图片标签并重新导入,那它就能正常工作!任何帮助我都会非常感激 谢谢 阿努拉达

tommedema

这是因为 https://github.com/artf/grapesjs/issues/1013

artf

如果你想在问题解决时收到通知,@indikaanu83订阅#1013

anuradhaindika83

好的,会的。谢谢你,Artur。

浏览所有主题