问题 #2378💬 已回答提出于 2019年11月5日作者 varadero0 个反应

在样式管理器中修改全局CSS

快速解答作者 artf

我们想从风格管理器中移除几乎所有内容 你可以在风格管理器中更改显示内容:https://grapesjs.com/docs/getting-started.html#style-manager 而且它的工作原理是基于画布中选择的内容假设在这些设置中有“三原色”和“次要色”——所有必须使用“主色”的 HTML 元素都会被标记为......类=“原色 ...还有一些会被标记为......class=“secondary-color” ...,用户会进入“主题”设置,看到“原色”和“次要色”设置。 好的,如果你想在不选择组件的情况下实现,那说明它和 StyleManager/TraitManager 无关,你必须创建你的 UI(例如,主...

阅读下方完整回答 ↓

问题

我们希望实现以下目标:用以下类标记我们的块HTML元素:添加一些定义CSS类的样式,如:使用 GrapesJS 风格管理器,我们希望更改上述 CSS 类,以便设置“容器背景色”,可以更改“.my-container” 规则的“背景色” 我们为什么要这样做? 我们希望页面能使用某种“主题”,用户可以更改——我们不希望用户点击元素来更改样式。更重要的是——我们想从样式管理器中移除几乎所有内容——对用户来说,更改这些技术设置太复杂了——期望用户花时间调整阴影、边界半径等是不现实的。我们希望为用户简化造型。假设在这些设置中有“主色”和“次要色”——所有必须带有“主色”的 HTML 元素都会被标记为“...类=“原色......”,其他则标记为“...class=“secondary-color” ...',用户会进入“主题”设置,看到“原色”和“次要色”设置。

回答(3)

artf2019年11月7日

我们想从风格管理器中移除几乎所有内容 你可以在风格管理器中更改显示内容:https://grapesjs.com/docs/getting-started.html#style-manager 而且它的工作原理是基于画布中选择的内容假设在这些设置中有“三原色”和“次要色”——所有必须使用“主色”的 HTML 元素都会被标记为......类=“原色 ...还有一些会被标记为......class=“secondary-color” ...,用户会进入“主题”设置,看到“原色”和“次要色”设置。 好的,如果你想在不选择组件的情况下实现,那说明它和 StyleManager/TraitManage...

amenk2021年4月18日

这非常有趣!@varadero 你成功了吗?有没有代码可以分享?

varadero2021年4月21日

这非常有趣!@varadero 你成功了吗?有没有代码可以分享?

我们在初始化 grapesjs 时提供了 CSS。CSS 是在别的地方创建的,不是在 Grapesjs 构建器里。

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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