问题 #2184💬 已回答提出于 2019年8月6日作者 D33Funky0 个反应

丢失预定义的媒体查询

快速解答作者 artf

请提供一个可复现的演示

阅读下方完整回答 ↓

问题

嗨。我有一个预定义的模板 json,包含一组 html 元素和样式,这些元素在 grapesjs 加载时会解析成组件集合。CSS 包含了一些默认的媒体查询规则,我想保留这些规则用于模板。命令 editor.getHTML() 和 editor.getCSS() 在页面加载时返回正确的值。我希望能够分别修改HTML和CSS代码并重建组件。 如果我尝试用相同的HTML和CSS代码保存模板,组件在画布重置后,预设的媒体查询会丢失:

简而言之,我正在做以下几件事:

let initialHtml = editor.getHtml();返回正确的 HTML
let initialCss = editor.getCss();返回正确的CSS和预定义的JSON媒体查询集

编辑。CssComposer.clear();

editor.setComponents(initialHtml);
editor.setStyle(initialCss);

令 css = editor.getCss();此时,尽管初始媒体查询在 initialCss 变量中提供了,但仍然缺失。

你能给个解决方法的提示吗?

回答(3)

artf2019年8月12日

请提供一个可复现的演示

no-response[bot]2019年8月22日

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

相关问答

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

问题 #1888

在画布内添加自定义HTML

你好, 我用 Grapes 导出一个包含所有信息的自定义 json,而不是用 HTML 和 CSS。 为此,我解析存储在localStorage上的gpjs组件。 现在我需要自定义组件在Canvas中的渲染方式。 举个例子,我有一个输入组件,包含两个特征(标签和值),我想在画布...

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

问题 #1693

CSS/HTML 预览中的奇怪字符(Â);元素并未完全删除

虫子你是否使用最新版本(旧版本不支持)?0.14.50你是在本地GrapesJS还是当前演示版遇到这个bug? 这是本地副本。所使用的版本(包括插件)有: '''json “依赖关系”: { “ckeditor”: “^4.11.1”, “grapesjs”: “^0.14.5...

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

问题 #1255

:如何从自定义组件中设置编辑器的HTML内容?

我在Grapes编辑器中无法让自定义块+组件显示其模板HTML时遇到了困难。在导出的 HTML 中,标记和 CSS 按预期生成。 不过在编辑器里,块不会留下任何界面(不过根据导出的 html/css 它已经成功拖入了)。 我的问题是: 'toHtml' 方法的输出如何正确地应用...

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

问题 #1708

StyleManager 事件每次变更都会多次触发

复制: 在全新安装的GrapesJS中,在演示页面(index.html内)添加一个事件监听器,如下: 'editor.on('component:styleUpdate:width', (model) => { console.log(模型); });问题: 当更改任何元素的...

3 个回答更新于 2023年5月3日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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