项目启动时CSS会被移除
'grapesJS' 不直接处理 'css',它先解析成 'CSSOM',并在编辑器中使用,因此除非编辑器画布中有组件使用该类,否则该类不会出现在代码预览中。你的类会在编辑器画布中使用时动态导入。
阅读下方完整回答 ↓问题
你好,
我正在尝试将工具类导入 Grapes JS。我的问题是,如果画布中的某个元素没有使用葡萄,葡萄会把它们去除。我正在构建一个自定义面板,链接到我的CSS变量(CSS自定义属性),用以管理Grapes中的这些类。
我怎样才能导入我的CSS并保留所有类?
我制作了一个小演示,展示我的问题 https://codesandbox.io/s/musing-moore-1tswh?file=/index.js
进入index.html你会看到所有的CSS。点击“查看代码”时,你会看到大部分CSS已被移除。
非常感谢
回答(3)
'grapesJS' 不直接处理 'css',它先解析成 'CSSOM',并在编辑器中使用,因此除非编辑器画布中有组件使用该类,否则该类不会出现在代码预览中。你的类会在编辑器画布中使用时动态导入。
你可以在初始化过程中外部加载样式表,然后直接从index.html中移除 “''js canvas:{ 风格:[ “路径/到/样式表” ] }
你也可以查看 [SelectorManager](https://grapesjs.com/docs/api/selector_manager.html) 和 [CssComposer](https://grapesjs.com/docs/api/css_composer.html#csscomposer) API 参考
谢谢@Ju99ernaut,你知道有没有办法添加一些CSS,并且能在画布里提供,同时也能在导出时使用吗?
相关问答
通过相似的问题讨论继续研究。
问题 #5207
创建多页面时的重复CSS
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome最新款 可复制演示链接 https://codesandbox.io/s/withered-bush-wv29dx?file=/index.js 描述一下那个虫子 如何复现这个漏洞?....
问题 #5297
GetJS 无法工作
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? 版本 115.0.5790.171(官方构建)(64位)可复制演示链接 https://codesandbox.io/s/1r0w2pk1vl?file=/index.html描述一下那个虫子 如何复...
问题 #3939
在预览中禁用拖放功能
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? 第95卷可复制演示链接 https://codesandbox.io/s/grapes-border-issue-forked-2c0ib?file=/src/index.js:10258-10261...
问题 #4432
撤销管理器在自定义命令中创建重复CSS
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 103.0.5060.66(官方构建)(64位)(同级:稳定版) 可复制演示链接 https://codesandbox.io/s/cranky-morning-fh5diz?file=/inde...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。