问题 #3004💬 已回答提出于 2020年9月5日作者 Bakino0 个反应

问题:自定义风格属性以更改类

快速解答作者 artf

有一个选项可以让你指定要选择的目标(职业或组件特定风格) https://github.com/artf/grapesjs/pull/2474(在你的情况下,“componentFirst”应该被禁用) 遗憾的是,选择器管理器的界面本身不容易自定义,但我认为你应该可以依靠[事件和API](https://grapesjs.com/docs/api/editor.html)从零开始创建一个。

阅读下方完整回答 ↓

问题

你好,

感谢这位优秀的编辑。

在我的项目中,我想用样式管理器调整组件类别。比如,我用的是 bootstrap,我希望用户能从投递框应用像 bg-danger、bg-primary 这样的类,而不是手动输入类名。

我知道我可以用特性来实现(而且效果不错),但样式控制放在样式管理器部分更一致(而且在特征部分放选项太多了)。

我看到可以在样式管理器中添加自定义类型,但总是更新一个CSS属性。是否可以用这些自定义类型来更新组件的类属性?

回答(2)

Bakino2020年9月10日

谢谢你的回复:)

相关问答

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

问题 #3832

每次重载后,CSS 类都会被移除,并且每个 HTML 标签的自动生成 ID(例如:ivj5m-2)都会被更改

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 铬 可复制演示链接 不是在那里 描述一下那个虫子 如何重现这个bug? 在 React 应用中安装葡萄 js 进入编辑器,拖动一个组件。(示例:文本组件) 使用样式管理器为组件做样式 保存到数据库...

4 个回答更新于 2021年9月29日

问题 #5829

未捕获类型错误:__webpack_require__.r 不是 ./node_modules/grapesjs/dist/grapes.mjs (grapes.mjs:1:1) at __webpack_require__ (bootstrap:789:1) at fn (bootstrap:150:1) at ./src/Demo/Templates/TextEditor.js (Templates.js:31:1) __webpack_require__at fn (bootstrap:150:1) at ./src/Demo/Templates/Templates.js (Templates.css:45:1) at __webpack_require__ (bootstrap:789:1) at fn (bootstrap:150:1)

葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? 版本 123.0.6312.123可复制演示链接 未捕获类型错误:_webpackrequire_.r 不是 ./nodemodules/grapesjs/dist/grapes.mjs (grape...

3 个回答更新于 2024年4月19日

问题 #3449

切换页面会反复调用画布样式和脚本

嗨 我正在将页面管理器集成到我的项目中。但我遇到的问题是,每当我在页面之间切换时,它会反复加载 canvas 对象中初始化时给出的 CSS 和脚本文件。 这让页面切换变得缓慢。 实施: Grapesjs.init({ pageManager: { 页码:[ { id:“第1页”...

3 个回答更新于 2021年5月22日

问题 #1877

有没有自定义样式可以添加或移除自定义职业?

目前,你更改元素的所有样式管理器值,都是在HTML中内<style>联更新标签。有没有可能改变这种行为,使得更改CSS值时会添加或移除自定义类到元素中? 一个很好的原因是Bootstrap 4。99%的Bootstrap自定义都涉及简单地给元素添加类,以改变诸如边距、填充、显示...

3 个回答更新于 2020年3月27日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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