固定尺寸画布
你试过[设备管理器API](https://grapesjs.com/docs/api/device_manager.html)吗?当然,这有时会在网页模板的画布中增加滚动,但我觉得这不是什么问题,因为更重要的是你设计的画面在电视上看起来是一样的。 可能从下一个版本开始,会提供一个用于缩放的API(来自Canvas模块)。
阅读下方完整回答 ↓问题
我们在工作中使用GrapesJS在CMS中构建自助终端系统。 目前使用的是网页模板。 我们把内容显示在固定分辨率的显示器/电视上,比如平放时是1920x1080,或者侧边是1080x1920。我尝试过在画布中限制分辨率,但都没成功。 我们希望将画布大小限制在x和y的分辨率内,以我们编辑显示器的分辨率(和旋转)为准,这样你才能看到电视上实际会显示的内容。当然,这有时会在网页模板的画布中增加滚动,但我觉得这不成问题,因为更重要的是你设计的设计在电视上看起来是一样的。
有什么办法解决这个问题吗?
我还不熟悉代码,所以不知道怎么最好地解决这个问题。任何帮助都非常感谢。
回答(3)
你试过[设备管理器API](https://grapesjs.com/docs/api/device_manager.html)吗?
当然,这有时会在网页模板的画布中增加滚动,但我觉得这不是什么问题,因为更重要的是你设计的画面在电视上看起来是一样的。
可能从下一个版本开始,会提供一个用于缩放的API(来自Canvas模块)。
是的,我做过,如果你在比预期内容更大的屏幕上编辑,效果很好。但如果你是用全高清屏幕为4K屏幕剪辑,那就有点问题。Zoom看起来很棒!如果你能在像素级和百分比级都进行缩放,那就太好了。
设备管理器API不支持最大高度,这导致无法知道内容垂直裁剪的位置。这对编辑固定高度显示器非常重要。如果有这个选项就太好了。有人知道怎么解决这个问题吗?有没有简单的解决办法?还是说这是个大变化?最好的办法是限制垂直高度,这样你就不能在垂直高度下面添加新内容。或者其次是设置分隔线/线/指示器,这样你就能看到固定高度下它会在哪里被截断。
是的,我做过,如果你在比预期内容更大的屏幕上编辑,效果很好。但如果你是用全高清屏幕剪辑4K屏幕,那就有点问题。Zoom看起来很棒!如果你能在像素级和百分比级都进行缩放,那就太好了。 缩放值会是0到100设备管理器 API 不支持最大高度,这导致无法知道它垂直方向会在哪里剪辑内容。这对编辑固定高度显示器非常重要。如果有这个选项就太好了。有人知道怎么解决这个问题吗?有没有简单的解决办法?还是说这是个大变化?最好的办法是限制垂直高度,这样你就不能在垂直高度下面添加新内容。或者其次是设置分隔线/线/指示器,这样你就能看到固定高度下它会在哪里被截断。 嗯,你可以把“高度”传递给设备,我不太清楚最大高度...
相关问答
通过相似的问题讨论继续研究。
问题 #626
在包装器周围放置不可编辑的 HTML
我的CMS是这样的:网站可以有一个主题,并在该主题下放置多个模板。主题渲染在每一页,模板仅渲染在特定页面。我已经成功地将 GrapesJS 与我现有的模板编辑器集成了,但我有个问题:有没有办法在 Grapes 中围绕模板渲染主题?也就是说,有没有办法在可编辑的 HTML 周围插...
问题 #1731
管理动态组件的最佳方法是什么?
你好, 你能告诉我管理动态模板的最佳方法是什么吗? 我想描述一下我的案子。拥有电商商店并使用 GrapesJS。我们有页面,想在这个页面中添加带有品牌(标志)的产品系列或系列。我想创建一些组件,比如产品系列、品牌系列、博客文章等等。我不想让用户自己写PHP代码,因为那样会造成非...
问题 #926
漏洞:文档/清晰度
如果Grapejs需要NodeJS,文档或维基应该在某处明确说明(比如列出主要依赖以及运行需要什么类型的服务器)。 你提到它运行在 CMS 中,但没有说明它会创建完整页面,或者能不能在 CMS 之外运行。 问题:如果它能用NodeJS运行——能在AWS Lambda(无服务器)...
问题 #717
Grapejs 和 WordPress
嗨。我觉得这个项目非常棒。我特别感兴趣的是“README.md”页面中的内容,你展示了将Grapesjs连接到CMS的过程,我也读了#41期。 尽管有这些信息,我目前对葡萄的了解非常有限。不过我开始想象一种基于Grapesjs编辑的WordPress插件或主题实现的方法。 因此...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
浏览插件分类
直接跳转到市场上的插件分类页面。