PageKit — 可自托管的 GrapesJS 建站工具,附完整源码。 获取抢先体验

问题 #3389💬 已回答提出于 2021年4月6日作者 xinnai0 个反应

多选某些元素和更改样式只能对最后选中的元素有效

快速解答作者 Ju99ernaut

不确定有没有这个选项,风格管理器可能还没有实现多组件编辑功能。你可以用类作为替代方案。

阅读下方完整回答 ↓

问题

你好,当我用“shift”多选某些元素,并在styleManager中更改样式时。只有最后点击的元素才会更新样式。你能帮我解决这个问题吗?

https://user-images.githubusercontent.com/23135336/113699004-9d075200-9707-11eb-893c-9b3734e2d0b3.mov

回答(4)

Ju99ernaut• 2021年4月14日

不确定有没有这个选项,风格管理器可能还没有实现多组件编辑功能。你可以用类作为替代方案。

artf• 2021年4月20日

它在演示中实际上是有效的,你能制作一个可复现的演示吗?

no-response[bot]• 2021年5月1日

由于我们请求原作者提供更多信息未获回应,本期已自动关闭。仅凭当前期刊中的信息,我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案,请随时联系我们,以便我们进一步调查。

GJSBlock• 2026年5月17日

谢谢你举报,@xinnai。 关于多选某些元素和更改样式只对最后选中的元素有效,这个问题很棒。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('something changed')); 组件生命周期 editor.on('component:mount', (c)...

相关问答

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

问题 #3137

当我选择某个特定元素时,我没有看到它的样式。这个问题只发生在某些元素上。

未获得所选元素的样式 这是我的代码, const model = 编辑器。StyleManager.getModelToStyle(component); let styleObject = model.getStyle(); console.log(“样式”,styleObj...

3 个回答更新于 2020年11月29日

问题 #3131

将纯文本粘贴到文本组件中,会为粘贴的文本添加 <font /> 封装器

版本: 0.16.27 你能重现演示中的bug吗? [] 是的 [X] 不 预期的行为是什么? 将粘贴文本为纯文本(文本节点),不像Grapes JS在</>元素中进行打包。 目前的行为是什么? 当我把纯文本粘贴到空文本元素时,编辑器会用<font />元素包裹它。 在粘贴文本...

4 个回答更新于 2021年5月2日

问题 #4790

旧版本BUG——如果我无法获得帮助让最新版本正常工作......

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? 铬 可复制演示链接 旧版本不行。真希望能升级! 描述一下那个虫子 抱歉,我得勾选发帖框...... 如何复现这个漏洞?...用旧版本的 GrapesJS 因为你无法像我一样让新存储管理器...

3 个回答更新于 2022年12月19日

问题 #3512

子元素不可拖拽,可丢弃,可高亮显示。还有所有未推送在样式部分的子元素的CSS,同时在插件中开发横幅组件

你好,@artf, 我正在尝试开发一个简单的横幅插件,包含标题、副标题和链接。每个元素都可以拖拽、可丢弃、高亮,但基于以下代码,某些部分代码无法正常工作。请帮帮我 ![图片](https://user-images.githubusercontent.com/17553816/...

3 个回答更新于 2021年7月6日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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