如何在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 描述一下那个虫子 如何复现这个漏洞? 打开页面...
问题 #5460
从“pageManager”加载“组件”和“样式”
GrapesJS版本[X] 我确认使用最新版本GrapesJS你用的是什么浏览器? Chrome v117.0.5938.149可复制演示链接 https://jsfiddle.net/9oLrsvya/描述一下那个虫子 如何复现这个漏洞?请查看jsfiddle中的pageMa...
问题 #3268
How to add javascript in the html without sanitization?
@artf,我正在接收用户的JavaScript输入。我需要在模板HTML里添加这个JavaScript,但它会被净化。 有没有办法关闭消毒功能?(我对你提到的#3245问题没有意见)或者你能在编辑器里添加类似“allowSanitization: false”这样的属性吗?...
问题 #4435
Pages Manager
GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器? Chrome 最新版本可复制演示链接 暂时没有描述一下那个虫子 如何复现这个漏洞?创建包含Pages API函数的页面管理器测试select函数(如果你脑子里有东西,它会消失;如果你重新添加...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。