更换画布风格
你好, 算了,我解决了这个问题,只要在更改时加事件就行。 “JavaScript editor.on('Change:device', function(e) { if (e.attributes.device !== 'Desktop') { editor.setStyle('/builder/css/builder-mobile.css') } 否则 { editor.setStyle('/builder/css/builder-desktop.css') } }); ``` 谢谢你
阅读下方完整回答 ↓问题
你好,
我对画布样式有些疑问,这次我的配置就是这样的。
“''js VAR Editor = Grapesjs.init({ 容器:“#gjs”, 画布:{ 风格:['/builder/css/builder-desktop.css'] } })
默认情况下,我用名为“builder-desktop.css”的CSS作为默认画布样式。然后我想,如果我更改**设备管理器**并选择移动端,我可以把画布样式改成“builder-mobile.css”。
非常感谢
回答(2)
你好,
算了,我解决了这个问题,只要在更改时加事件就行。
“JavaScript editor.on('Change:device', function(e) { if (e.attributes.device !== 'Desktop') { editor.setStyle('/builder/css/builder-mobile.css') } 否则 { editor.setStyle('/builder/css/builder-desktop.css') } });
谢谢你
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
相关问答
通过相似的问题讨论继续研究。
问题 #519
默认情况下没有任何阻挡
使用这段代码 我用编辑器,但没有任何区块。我也没能理解屏幕尺寸的图标,但其他图标是有的。正如你所见,CSS 正在加载,因为整体布局是正确的。 ![图片](https://user-images.githubusercontent.com/438493/32779136-9e79...
问题 #890
:我无法让这个简单的例子正常工作
我对JavaScript并不陌生,但当我尝试这个例子时: 我得到的是一张空白页。 这还包括加入CSS和Javascript库。 有什么建议能让它顺利运行吗? 看起来是个出色的项目!
问题 #1519
:在 grapesjs.init 中加入组件
能否在 grapesjs.init 上初始化组件。 我们没有使用 StorageManager.load。 我们已经在init时拿到了项目数据。 用 HTML 没问题,但用组件会把组件对象渲染成编辑器中的文本。 'this.editor = grapesjs.init({ co...
问题 #384
创建并编辑模板到数据库中
这是我创建新模板并将带有样式的内联HTML插入数据库的代码: “''js VAR Editor = Grapesjs.init ({ 身高:“100%”, 容器:“#gjs”, 插件:['GJS-preset-newsletter'], storageManager: { id...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
浏览插件分类
直接跳转到市场上的插件分类页面。