什么是 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。可能吗? 谢谢!
问题 #2012
如何为所有控件(如 protectedCss)添加脚本
我想为所有可访问的组件添加一些函数。 初始化编辑器时,有一个类似 protectedCsss 的选项。 难道没有像上面那样的JavaScript方法吗?
问题 #3770
:改进并修复绝对拖拽模式
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome v93 可复制演示链接 https://codepen.io/damnslow/pen/yLXXOxQ 描述一下那个虫子 如何复现这个漏洞?选择两个元素使用拖曳图标拖曳 预期的行为是...
问题 #6685
自定义组件样式在删除和重新添加后不会被应用
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome v143.0.7499.193 可复制演示链接 https://codesandbox.io/p/sandbox/2l3887 描述一下那个虫子 如何复现这个漏洞? 打开页面...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。