在样式管理器中修改全局CSS
我们想从风格管理器中移除几乎所有内容 你可以在风格管理器中更改显示内容: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)
我们想从风格管理器中移除几乎所有内容 你可以在风格管理器中更改显示内容:https://grapesjs.com/docs/getting-started.html#style-manager 而且它的工作原理是基于画布中选择的内容假设在这些设置中有“三原色”和“次要色”——所有必须使用“主色”的 HTML 元素都会被标记为......类=“原色 ...还有一些会被标记为......class=“secondary-color” ...,用户会进入“主题”设置,看到“原色”和“次要色”设置。 好的,如果你想在不选择组件的情况下实现,那说明它和 StyleManager/TraitManage...
这非常有趣!@varadero 你成功了吗?有没有代码可以分享?
这非常有趣!@varadero 你成功了吗?有没有代码可以分享?
我们在初始化 grapesjs 时提供了 CSS。CSS 是在别的地方创建的,不是在 Grapesjs 构建器里。
相关问答
通过相似的问题讨论继续研究。
问题 #2177
如何创建包含 HTML 和 CSS 和 JavaScript 内容的块。
有人能给我演示一下如何用JavaScript和CSS样式创建块的代码示例吗? “''js 编辑。BlockManager.add('a_block', { 标签:“Sample Block”, 内容: '<style> .sampleclass{ 填充:10像素 15像素; }...
问题 #1310
Grape JS 为通讯工作
我们正在测试使用这个编辑器,想知道 grape js 编辑器是否适用于内容通讯,我们做过测试,但 HTML 中的 CSS 样式会作为类添加,而类在 Gmail 中不工作。 我怎样才能在编辑器中嵌入 CSS 到 HTML 里? 例如: <div style = “color: #...
问题 #1577
内联CSS注释导致代码管理器失效
显然,这段HTML和CSS是有效的: '<div style=“color: red; / height 200px; /; font-weight: blan;”>' (因此才有注释的height属性) Grapesjs 在处理此类属性时遇到困难,因为模型上的 style 属...
问题 #4512
本页几乎所有示例都用葡萄失败
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 版本 103.0.5060.134(官方构建)基于 Ubuntu,运行于 Ubuntu 18.04(64 位) 可复制演示链接 https://alvarotrigo.com/blog/html-...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。