GrapesJS 问题

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

找到 3,464 个问题

#18072019年2月18日作者 sakshigarg92 个回答
0 个反应

GrapeJs 框架在添加外部样式表时会出问题

当我用 Grapesjs 框架不再有效。我怎样才能同时拥有样式表和 Grapesjs 框架? 这是不是因为某些风格可能不兼容GrapesJs?

artf

其实用CSS破坏东西并不难,所以确实是写得不好(比如用全局选择器'*'或通过'div, span { ... }这样的标签')绝对能让编辑崩溃

lock[bot]

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

#18062019年2月18日作者 WebEtSolutions3 个回答
6 个反应

:在特征上添加分类

你好,感谢你给我这份工作! 在类别下可以像封锁一样制作特质吗? 如果可能的话,也许可以用像BlockManager那样的Category对象? BlockManager上的分类功能正常,如果TraitManager也添加同样的分类系统,那就完美了! 你觉得实现这个功能的最佳方法是什么?我们已经准备好开发这个功能并进行公关。 谢谢

artf

将在下一个版本中发布,感谢@amirrahmani76的[公关](https://github.com/GrapesJS/grapesjs/pull/5606) ❤️

WebEtSolutions

你好,没问题,我们会为这个公关工作。

Uysim

我们现在有这个功能了吗?

#18052019年2月18日作者 sakshigarg92 个回答
0 个反应

定义新的图像组件

我刚接触GrapesJs,无法弄清楚如何创建图像组件。举个例子,我有一个 img 标签,并且定义了 src,代码是如何让它成为一个图像组件,能够在双击时触发资产管理器,并且可以调整大小和移动。

artf

阅读关于[Components](https://grapesjs.com/docs/modules/Components.html),检查每个[Component](https://grapesjs.com/docs/api/component.html)的API,检查[ImageComponent's view](https://github.com/artf/grapesjs/blob/dev/src/dom_components/view/ComponentImag...

lock[bot]

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

#18042019年2月18日作者 AkibDeraiya1233 个回答
0 个反应

在同一个HTML标签上应用两个不同的特征,但只应用一个

你好,@artf, 如果我们需要在同一个HTML标签上初始化两个特征,那这可行吗? 实际上,我在同一个标签上定义了两种不同的特征(“在链接/标签上”)。 让我简单介绍一下你。 假设我有一组链接包含类类,类似于“非拖放”。 所以,它的HTML代码就像 所以对于上述类别的“非拖放”,我想添加一个特质,比如, 对于所有的链接,我还想补充一个特征,比如, 但当我点击包含“not-drag-drop”类的链接时,只有特质应用“not-drag-drop”,不应用“link”特质。所以,当我要更改这个链接的“href”时,我不会看到链接下拉菜单,只是显示输入框。 你能帮我解决这个问题吗?

artf

HTML代码已经加载到Canvas里了吗?你有没有尝试通过插件执行自定义组件定义?否则你是在尝试看到已经加载的组件的更改

no-response[bot]

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

lock[bot]

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

#18032019年2月18日作者 ageir3 个回答
0 个反应

固定尺寸画布

我们在工作中使用GrapesJS在CMS中构建自助终端系统。 目前使用的是网页模板。 我们把内容显示在固定分辨率的显示器/电视上,比如平放时是1920x1080,或者侧边是1080x1920。我尝试过在画布中限制分辨率,但都没成功。 我们希望将画布大小限制在x和y的分辨率内,以我们编辑显示器的分辨率(和旋转)为准,这样你才能看到电视上实际会显示的内容。当然,这有时会在网页模板的画布中增加滚动,但我觉得这不成问题,因为更重要的是你设计的设计在电视上看起来是一样的。 有什么办法解决这个问题吗? 我还不熟悉代码,所以不知道怎么最好地解决这个问题。任何帮助都非常感谢。

artf

你试过[设备管理器API](https://grapesjs.com/docs/api/device_manager.html)吗?当然,这有时会在网页模板的画布中增加滚动,但我觉得这不是什么问题,因为更重要的是你设计的画面在电视上看起来是一样的。 可能从下一个版本开始,会提供一个用于缩放的API(来自Canvas模块)。

ageir

是的,我做过,如果你在比预期内容更大的屏幕上编辑,效果很好。但如果你是用全高清屏幕为4K屏幕剪辑,那就有点问题。Zoom看起来很棒!如果你能在像素级和百分比级都进行缩放,那就太好了。 设备管理器API不支持最大高度,这导致无法知道内容垂直裁剪的位置。这对编辑固定高度显示器非常重要。如果有这个选项就太好了。有人知道怎么解决这个问题吗?有没有简单的解决办法?还是说这是个大变化?最好的办法是限制垂直高度,这样你就不能在垂直高度下面添加新内容。或者其次是设置分隔线/线/指示器,这样...

artf

是的,我做过,如果你在比预期内容更大的屏幕上编辑,效果很好。但如果你是用全高清屏幕剪辑4K屏幕,那就有点问题。Zoom看起来很棒!如果你能在像素级和百分比级都进行缩放,那就太好了。 缩放值会是0到100设备管理器 API 不支持最大高度,这导致无法知道它垂直方向会在哪里剪辑内容。这对编辑固定高度显示器非常重要。如果有这个选项就太好了。有人知道怎么解决这个问题吗?有没有简单的解决办法?还是说这是个大变化?最好的办法是限制垂直高度,这样你就不能在垂直高度下面添加新内容。或者其次...

#18022019年2月17日作者 froderf2 个回答
0 个反应

无法获得所选班级的::after

我无法理解带有“::after”的类的CSS规则 'cssComposer.getClassRule(“sample-class”, {state: 'after'})' 有没有办法获得 因为我只知道“悬停”和“活跃”状态 谢谢!

artf

你应该用 '{state: ':after'}'',无论如何我建议你开始使用新的 ['getRule'](https://grapesjs.com/docs/api/css_composer.html#getrule),这样会更快 'cssComposer.getRule('.sample-class::after')'

lock[bot]

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

#18012019年2月17日作者 sharma-mohit-eca1 个回答
0 个反应

移动视图中的CSS

我开发了一个Grapesjs应用程序,当我从桌面切换到移动端时,画面会失真。请帮帮我...... 桌面视图: ![截图151](https://user-images.githubusercontent.com/41181457/52912309-a4740300-32d5-11e9-915b-2e3d0d8f072b.png) 移动视图: ![截图152](https://user-images.githubusercontent.com/41181457/52912312-a938b700-32d5-11e9-86fa-c69109b4eb87.png) 或者告诉我如何在手机视图中添加水平滚动条

lock[bot]

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

#17992019年2月16日作者 kuggaa3 个回答
0 个反应

LeadPages - Thrive - 希望将Mautic整合进一个真正的登陆页和邮件模板设计师

浏览文档——API集成到Mautic中,作为插件创建表单和邮件模板。 有什么建议可以帮我完成这个任务吗? 有人对一个为期几天的项目感兴趣吗? 有赏金

arthuralmeidap

@kuggaa,我很感兴趣。我该怎么联系你?

artf

你可以在这里继续讨论所有细节,但我会结束这个问题,因为这有点离题

lock[bot]

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

#17982019年2月14日作者 chrisedington3 个回答
61 个反应

GrapesJS 在野外

你好, 我想看看一些例子,看看大家是如何使用GrapesJS,以及他们如何根据自己的需求扩展或定制它。 如果有谁有公开(甚至截图)网站,能就这个问题发表评论,整理一下这个很棒扩展的当前使用情况,那就太棒了!

loganvolkers

我们用GrapesJS来为我们的CMS供电,http://saasquatch.com 小工具GrapesJS 支持我们应用内 JavaScript 小部件中内容的编辑我们自定义了大部分工具栏,移除了大部分默认组件,仅由自定义网页组件组成用于资产管理的插电 https://cloudinary.com/它在网页组件和 https://stenciljs.com/ ❤️ 上运行得相当不错建议:使用 GrapesJS 配合 Web 组件 ![2019-03-06 182240-...

anlumo

我的项目终于发布了,现在可以展示了: ![图片](https://user-images.githubusercontent.com/644763/127492563-ba8fd924-0904-4088-ba1f-993198aa2046.png) ![图片](https://user-images.githubusercontent.com/644763/127493056-abc0a309-8ad5-4f43-ba73-95b9ae9a2db0.png) 它是我们桌面...

robhoward

我们正在升级到 GrapesJS 作为 [DailyStory](https://www.dailystory.com)的落地页和邮件设计师。 我们做了不少改动,主要是关闭或禁用某些功能,同时从零开始编写所有新组件,以便控制编辑体验(我们在设计师中限制了能做或不能做的事情),比如块和组件可以放置的位置。 而且,所有落地页组件都是围绕Bootstrap构建的。这样对客户来说就非常简单。 ![图片](https://user-images.githubusercontent.c...

#17972019年2月14日作者 arachnosoft3 个回答
0 个反应

内部拖放出现奇怪问题——内容丢弃 === “null”

你好@artf, 我遇到了一个非常奇怪的问题,与HTML5拖放有关。 当我在 grapesjs 中选择一些混合内容,包括可编辑的文本内容和周围的组件作为一个整体选择时,丢失(复制)的内容有时是“null”(包含“null”文本值的字符串,而不是 JavaScript 的 null)。 我已经用 Chrome 71.0.3578.98 的 Newsletter 演示成功复现了这个问题。我不知道其他浏览器是否也会出现这种情况...... ![葡萄干涸](https://user-images.githubusercontent.com/42835357/52798051-772a1980-3077-11e9-970c-edebaab4...

artf

谢谢你的报告@arachnosoft 顺便说一句,我能复现它,但只有在第一个CKEditor实例激活后,你能确认吗?

arachnosoft

是的,@artf,这似乎正是测试案例...... 如果我刷新页面以获得干净的上下文,清空画布,丢弃一个网格组件(相当复杂的),选择部分文本和周围单元格(但不激活CKEditor),然后从文本中拖拽,它就能正常工作。 但只要我双击某个单元格激活CKEditor,点击其他地方关闭编辑,并按照上面完全相同的步骤(选择和拖拽完全一样),丢失的内容就会变成“null”。 ![Grapesjs 第1797期第1期](https://user-images.githubuserconte...

artf

我注意到,每次编辑一个新组件时,DOM里都会创建一个新的CKEditor实例,尽管CKEditor插件使用的是CKEditor的inline()方法。我不知道这是不是“设计使然”,或者这是否能解释这类问题。 是的,这就是他们的内嵌插件工作方式,但我觉得这和这有什么关系 顺便说一句,CKEditor确实会在dataTransfer对象和编辑中添加类型,出于某种原因(可能是为了处理它们的一些边缘情况),“文本/纯文本”(GrapesJS完全依赖原生对象,但不涉及它们)。

浏览所有主题