问题 #1803💬 已回答提出于 2019年2月18日作者 ageir0 个反应

固定尺寸画布

快速解答作者 artf

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

阅读下方完整回答 ↓

问题

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

有什么办法解决这个问题吗?

我还不熟悉代码,所以不知道怎么最好地解决这个问题。任何帮助都非常感谢。

回答(3)

artf2019年2月21日

你试过[设备管理器API](https://grapesjs.com/docs/api/device_manager.html)吗?

当然,这有时会在网页模板的画布中增加滚动,但我觉得这不是什么问题,因为更重要的是你设计的画面在电视上看起来是一样的。

可能从下一个版本开始,会提供一个用于缩放的API(来自Canvas模块)。

ageir2019年2月21日

是的,我做过,如果你在比预期内容更大的屏幕上编辑,效果很好。但如果你是用全高清屏幕为4K屏幕剪辑,那就有点问题。Zoom看起来很棒!如果你能在像素级和百分比级都进行缩放,那就太好了。

设备管理器API不支持最大高度,这导致无法知道内容垂直裁剪的位置。这对编辑固定高度显示器非常重要。如果有这个选项就太好了。有人知道怎么解决这个问题吗?有没有简单的解决办法?还是说这是个大变化?最好的办法是限制垂直高度,这样你就不能在垂直高度下面添加新内容。或者其次是设置分隔线/线/指示器,这样你就能看到固定高度下它会在哪里被截断。

artf2019年2月21日

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

相关问答

通过相似的问题讨论继续研究。

问题 #626

在包装器周围放置不可编辑的 HTML

我的CMS是这样的:网站可以有一个主题,并在该主题下放置多个模板。主题渲染在每一页,模板仅渲染在特定页面。我已经成功地将 GrapesJS 与我现有的模板编辑器集成了,但我有个问题:有没有办法在 Grapes 中围绕模板渲染主题?也就是说,有没有办法在可编辑的 HTML 周围插...

3 个回答更新于 2020年2月22日

问题 #1731

管理动态组件的最佳方法是什么?

你好, 你能告诉我管理动态模板的最佳方法是什么吗? 我想描述一下我的案子。拥有电商商店并使用 GrapesJS。我们有页面,想在这个页面中添加带有品牌(标志)的产品系列或系列。我想创建一些组件,比如产品系列、品牌系列、博客文章等等。我不想让用户自己写PHP代码,因为那样会造成非...

3 个回答更新于 2020年1月30日

问题 #926

漏洞:文档/清晰度

如果Grapejs需要NodeJS,文档或维基应该在某处明确说明(比如列出主要依赖以及运行需要什么类型的服务器)。 你提到它运行在 CMS 中,但没有说明它会创建完整页面,或者能不能在 CMS 之外运行。 问题:如果它能用NodeJS运行——能在AWS Lambda(无服务器)...

3 个回答更新于 2019年9月18日

问题 #717

Grapejs 和 WordPress

嗨。我觉得这个项目非常棒。我特别感兴趣的是“README.md”页面中的内容,你展示了将Grapesjs连接到CMS的过程,我也读了#41期。 尽管有这些信息,我目前对葡萄的了解非常有限。不过我开始想象一种基于Grapesjs编辑的WordPress插件或主题实现的方法。 因此...

3 个回答更新于 2019年9月17日

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

直接跳转到市场上的插件分类页面。