问题 #811💬 已回答提出于 2018年1月27日作者 RiyaThete0 个反应

CSS 被删除

快速解答作者 JulyanoF

@RiyaThete要把CSS加载到编辑器里,你需要在grapesjs的初始化里插入它,类似这样: 或者如果你想内联包含CSS:

阅读下方完整回答 ↓

问题

我有一个网站,里面有多个网页(结果页、分类页、首页),以及一个通用的CSS文件(all.css页)。在这个CSS文件中:网页(所用类) 主页(A类,B类,C类) 成绩页面(B组,X组,Y组) 类别页面(R类,S类,X类)

当我在grape.js'编辑器里用导入插件加载results-page时,我会复制整个all.css文件,并放在结果页的<style>顶部标签里。我没有做任何修改,用导出插件导出了压缩包,发现zip里的CSS文件只有以下几个类:A、B、X、Y,这意味着它把三个页面的类合并了,但删除了几个类[我不明白为什么]。我预期的结果是:它会包含所有网页的所有类(A、B、C、R、S、X、Y)。

我想上传整个网站的CSS,对某个网页的CSS做些修改,然后用下载的CSS替换原始CSS。

请帮我解决这个问题。

回答(3)

JulyanoF2018年1月29日

@RiyaThete要把CSS加载到编辑器里,你需要在grapesjs的初始化里插入它,类似这样: 或者如果你想内联包含CSS:

RiyaThete2018年1月30日

@JulyanoF我尝试过这个方案,但它无法加载我所有网页的所有类......它只是加载所有结果页和其他页面的少数职业

artf2018年1月30日

删了几门课[我不明白为什么]

未使用的类不会被渲染

@JulyanoF提出的建议是有效的

它只是加载所有结果页面和其他页面的少数课程

你可以用任意多种风格 “''js 斯泰尔斯:[ '..file1.css,'..file2.css',......]

相关问答

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

问题 #1310

Grape JS 为通讯工作

我们正在测试使用这个编辑器,想知道 grape js 编辑器是否适用于内容通讯,我们做过测试,但 HTML 中的 CSS 样式会作为类添加,而类在 Gmail 中不工作。 我怎样才能在编辑器中嵌入 CSS 到 HTML 里? 例如: <div style = “color: #...

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

问题 #843

CssComposer - 移除未使用的类

你好@artf, 我用 grapesjs-preset-newsletter 导入一个 html,里面有 '' 标签里有一些 css 类<style>。 导入后,当我调用“editor.getCss()”时,之前添加的一些类现在缺失了。 我检查过那些CSS类在任何地方都没被使用...

3 个回答更新于 2020年5月6日

问题 #1877

有没有自定义样式可以添加或移除自定义职业?

目前,你更改元素的所有样式管理器值,都是在HTML中内<style>联更新标签。有没有可能改变这种行为,使得更改CSS值时会添加或移除自定义类到元素中? 一个很好的原因是Bootstrap 4。99%的Bootstrap自定义都涉及简单地给元素添加类,以改变诸如边距、填充、显示...

3 个回答更新于 2020年3月27日

问题 #1614

:将css变量添加为style manager属性

尝试向样式管理器添加CSS变量导致错误: “未捕获类型错误:无法读取未定义[fiddle](https://jsfiddle.net/GCoda/ke3p0mgj/)的属性'toPerCase' “JavaScript 编辑。StyleManager.addSector('te...

3 个回答更新于 2019年12月1日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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