如何在Canvas样式属性中导出链接的CSS
问题
如何在代码视图导出HTML/CSS并下载为zip格式。styles.css 里的样式表在 grapesjs 画布里引用,但未使用的不用,实际上我对所有 styles.css 样式表都挺满意的,方便导出 API 访问。
如果我在初始化中添加样式表
画布:{
风格:['./styles.css']
}
bm.add('Table', {
标签:“桌子”,
分类:“表格”,
内容:{
类型:“表格”,
类:['表组件'],
列数:2列,
行数:1行,
样式:{宽度:“100%”,边框:“1px 纯黑”}
},
});
是的,表格 😋 感谢大家的努力,让我们来处理这个简单的问题,记录或在问题列表中留下痕迹。 Artf应该更多地关注其他令人惊叹的功能。
回答(3)
@chiqui3d绝对不应该把这些样式加到存储用的材料里,否则会重复添加这些样式。
我遇到的问题是,当我尝试用 grapesjs 导出插件导出代码时,Canvas 里引用的内容都没有导出。
@Yakito 目前这些脚本/样式应该手动包含,你可以用导出插件里的“root”选项: “''js 根:{ ... 'index.html':ed => ' <head> <link href=“${myStyle}” .../> <script src=“${myScript}” .../> </head> <body>${ed.getHtml()}</body> ` }
你好@tldrjumps我不确定我是否完全理解了你的问题。你也可以用“editor.getCss()”获取所有CSS,它也会尝试通过移除没有组件的类来优化。 通过“canvas.styles”选项插入的样式只是注入到画布里面,但实际上编辑器看不到规则
相关问答
通过相似的问题讨论继续研究。
问题 #6685
自定义组件样式在删除和重新添加后不会被应用
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome v143.0.7499.193 可复制演示链接 https://codesandbox.io/p/sandbox/2l3887 描述一下那个虫子 如何复现这个漏洞? 打开页面...
问题 #3599
@keyframes即使我通过关键帧对象后也没有添加
你好,@artf, 我已经添加了 '让CC = 编辑器。Css作曲家; cc.setRule('.fadetop-animate', { 不透明度:0,'animation-name': 'fadeTop' }, { atRuleType: 'keyframes', atRul...
问题 #2644
GrapesJS 从数据库加载 html/css
你好, 我们在Angular应用中使用了grapesjs。我们已经成功创建并保存了 grapesjs 的 html/css 到数据库中。我们仍然找不到其中一件事,在编辑模式下我们想调用API,获取HTML、CSS,然后加载到grapesjs canvas中。我们尝试过用stor...
问题 #3465
更新会破坏一些CSS功能
警告 请阅读并遵循接下来的三步,然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md先快速搜索一下,看看有没有人没开同样的问题所有相关陈述/问题都必须填写/回答,否则问题可...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。