问题 #2322💬 已回答提出于 2019年10月11日作者 dukie662 个反应

什么是 protectedCSS 选项?怎么用?

快速解答作者 jcarizza1

你好,@dukie66添加默认样式的一个方法是在 GrapeJS 的初始化中添加样式表。这会在画布中加载样式表

阅读下方完整回答 ↓

问题

我想为一些元素提供一些默认风格。有没有什么选项可以做到这一点?

回答(3)

jcarizza2019年10月11日

你好,@dukie66添加默认样式的一个方法是在 GrapeJS 的初始化中添加样式表。这会在画布中加载样式表


const editor = Grapesjs.init({
        容器:“#gjs”,
        画布:{
            风格:[
                “http://path.to/style.css
            ]
        }
    }
jcarizza2019年10月15日

加载CSS样式表需要写完整URL。

canvas:{ styles:[ http://yourdomaon.com/css/canvas.css' ] },

canvas:{ styles:[ 'http://localhost:8000/css/canvas.css' ] },

这里有一个使用保护Css的例子。看看你的CSS规则,看看你有没有拼写错误。

https://codepen.io/jcarizza/pen/rNNeQvG

dukie662019年10月14日

@jcarizza 谢谢你的评论。你看到导出画布时,总会有一些默认样式分别是“body”和“*”。这样,我想让所有“img”元素宽度达到100%。在画布选项中放置外部 css 文件对我来说不起作用。也许是我做错了什么。 'canvas:{ 风格:[ './css/canvas.css' ]
},`

相关问答

通过相似的问题讨论继续研究。

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

浏览插件分类

直接跳转到市场上的插件分类页面。