PageKit — 可自托管的 GrapesJS 建站工具,附完整源码。 获取抢先体验

问题 #2451💬 已回答提出于 2019年12月10日作者 adityaMurarka0 个反应

理解风格管理器如何实现和处理CSS

快速解答作者 artf

第1期与第2期 请提供模板导出和导入的具体步骤第3期 抱歉,“在某些情况下”这个说法没什么用。你必须准确解释你在做什么,以及你期望什么

阅读下方完整回答 ↓

问题

第1期

我用 grapesjs 做了一个页面,然后导出页面,再导入回来。导入我应用过的样式时,我无法在样式管理器中看到样式。

第2期

由于应用新样式时遇到了问题1,因为我看不到我之前应用过的样式,有些情况下我在视图里能看到它们,但在部署页面时却看不到已经完成的更改。 (附言:我觉得这大概是因为CSS冲突。两个或多个职业被应用,且它们都试图改变同一个属性,因此选择其中一个。 那么选班的依据是什么?有没有办法解决这个问题?

第3期

所以默认情况下,Grapes 支持三视图。桌面、平板和移动端。所以在切换视图时,我相信我可以为所有不同视图设置不同的CSS。所以我尝试在不同的视图上实现一些CSS。在某些情况下,变化可以被视为视图变化的预期,但在某些情况下,它改变的是整个CSS,无论视图如何。 那么这其中有道理吗?在哪些方面,不同的样式可以应用和维护方式,用于其他视图?属性又有哪些可以这样更改?

任何帮助或澄清都将不胜感激。

提前感谢大家。

回答(2)

artf• 2019年12月11日

第1期与第2期

请提供模板导出和导入的具体步骤

第3期

抱歉,“在某些情况下”这个说法没什么用。你必须准确解释你在做什么,以及你期望什么

adityaMurarka• 2019年12月11日

第1期与第2期 请提供模板导出和导入的具体步骤

通过使用 grapesJS 提供的默认选项导出 HTML 和 CSS,并通过 grapesJS 工具栏上的导入按钮导入。

第3期 抱歉,“在某些情况下”这个词在这里帮不上忙。你必须准确解释你在做什么,以及你期望什么

有没有关于如何为不同视图应用不同CSS的文档?它的工作方式完全像媒体查询一样吗? @artf

相关问答

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

问题 #3832

每次重载后,CSS 类都会被移除,并且每个 HTML 标签的自动生成 ID(例如:ivj5m-2)都会被更改

GrapesJS版本 [X] 我确认使用最新版本GrapesJS 你用的是什么浏览器? 铬 可复制演示链接 不是在那里 描述一下那个虫子 如何重现这个bug? 在 React 应用中安装 grapes js 进入编辑器,拖动一个组件。(示例:文本组件) 使用样式管理器为组件做样...

4 个回答更新于 2021年9月29日

问题 #3534

Npm run build error

NPM 运行构建 0.17.3 @version 会报错../../src/editor/dist grapes.min.js/中的/lib/codemirror../css/css 在 ./src/editor/dist/grapes.min.js../javascript/...

4 个回答更新于 2021年6月14日

问题 #3131

将纯文本粘贴到文本组件中,会为粘贴的文本添加 <font /> 封装器

版本: 0.16.27 你能重现演示中的bug吗? [] 是的 [X] 不 预期的行为是什么? 将粘贴文本为纯文本(文本节点),不像Grapes JS在</>元素中进行打包。 目前的行为是什么? 当我把纯文本粘贴到空文本元素时,编辑器会用<font />元素包裹它。 在粘贴文本...

4 个回答更新于 2021年5月2日

问题 #2763

GrapesJs 和 PHP - 存储和加载数据,显示在编辑器和 HTML 页面中

我正在使用 GrapesJS 构建一个简单的网页。 我用以下方式在脑部内侧加入了脚本: 我正在使用 GrapesJS 构建一个简单的网页。 我用以下方式在脑部内侧加入了脚本: <script type=“text/javascript” src=“js/jquery-1.10....

3 个回答更新于 2025年2月3日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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