什么是 protectedCSS 选项?怎么用?
问题
我想为一些元素提供一些默认风格。有没有什么选项可以做到这一点?
回答(3)
你好,@dukie66添加默认样式的一个方法是在 GrapeJS 的初始化中添加样式表。这会在画布中加载样式表
const editor = Grapesjs.init({
容器:“#gjs”,
画布:{
风格:[
“http://path.to/style.css
]
}
}
加载CSS样式表需要写完整URL。
canvas:{ styles:[ http://yourdomaon.com/css/canvas.css' ] },
或
canvas:{ styles:[ 'http://localhost:8000/css/canvas.css' ] },
这里有一个使用保护Css的例子。看看你的CSS规则,看看你有没有拼写错误。
@jcarizza 谢谢你的评论。你看到导出画布时,总会有一些默认样式分别是“body”和“*”。这样,我想让所有“img”元素宽度达到100%。在画布选项中放置外部 css 文件对我来说不起作用。也许是我做错了什么。
'canvas:{
风格:[
'./css/canvas.css'
]
},`
相关问答
通过相似的问题讨论继续研究。
问题 #1531
CSS级
嗨!这个问题可能已经有人说过了,但我不明白我哪里错了。我在init GrapesJs上用这三个参数。 我希望 GrapeJs 不编辑已有的 CSS,只创建自己的 CSS。可能吗? 谢谢!
问题 #1366
复制CSS
在最新版本的 Grapesjs上。我可以在两个版本上复制这个bug。Linux Ubuntoo、Moxilla。 我预计CSS只会出现一次,否则导出时窗口里会太多内容。CSS会被复制。@keyframes样式会发生重复。所以清除画布、拖拉标签、块到画布上、导出、导入,CSS就会...
问题 #2012
如何为所有控件(如 protectedCss)添加脚本
我想为所有可访问的组件添加一些函数。 初始化编辑器时,有一个类似 protectedCsss 的选项。 难道没有像上面那样的JavaScript方法吗?
问题 #3770
Improve and fix absolute dragMode
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? Chrome v93 可复制演示链接 https://codepen.io/damnslow/pen/yLXXOxQ 描述一下那个虫子 如何复现这个漏洞?选择两个元素使用拖曳图标拖曳 预...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。