问题 #2796💬 已回答提出于 2020年5月22日作者 vinceumo2 个反应

项目启动时CSS会被移除

快速解答作者 Ju99ernaut1

'grapesJS' 不直接处理 'css',它先解析成 'CSSOM',并在编辑器中使用,因此除非编辑器画布中有组件使用该类,否则该类不会出现在代码预览中。你的类会在编辑器画布中使用时动态导入。

阅读下方完整回答 ↓

问题

你好,

我正在尝试将工具类导入 Grapes JS。我的问题是,如果画布中的某个元素没有使用葡萄,葡萄会把它们去除。我正在构建一个自定义面板,链接到我的CSS变量(CSS自定义属性),用以管理Grapes中的这些类。

我怎样才能导入我的CSS并保留所有类?

我制作了一个小演示,展示我的问题 https://codesandbox.io/s/musing-moore-1tswh?file=/index.js

进入index.html你会看到所有的CSS。点击“查看代码”时,你会看到大部分CSS已被移除。

非常感谢

回答(3)

Ju99ernaut2020年5月25日

'grapesJS' 不直接处理 'css',它先解析成 'CSSOM',并在编辑器中使用,因此除非编辑器画布中有组件使用该类,否则该类不会出现在代码预览中。你的类会在编辑器画布中使用时动态导入。

Ju99ernaut2020年5月25日

你可以在初始化过程中外部加载样式表,然后直接从index.html中移除 “''js canvas:{ 风格:[ “路径/到/样式表” ] }

你也可以查看 [SelectorManager](https://grapesjs.com/docs/api/selector_manager.html) 和 [CssComposer](https://grapesjs.com/docs/api/css_composer.html#csscomposer) API 参考
vinceumo2020年5月25日

谢谢@Ju99ernaut,你知道有没有办法添加一些CSS,并且能在画布里提供,同时也能在导出时使用吗?

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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