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

问题 #3685💬 已回答提出于 2021年8月9日作者 throne19860 个反应

ShowStylesOnChange is not working

快速解答作者 GJSBlock

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

阅读下方完整回答 ↓

问题

大家,我是 grapes新手,我想在组件更改时显示样式管理器,这是我的组件以及我如何添加它,另外我想在资产管理器中输入视频

![图片](https://user-images.githubusercontent.com/27904724/128702762-bdd9dea5-bb69-4a6f-8456-8e81731d4768.png)

遗憾的是,样式管理器和视频类型都没有添加,有人能告诉我如何正确地把这些功能添加到我的配置中吗?我用的是 reactjs

回答(1)

GJSBlock• 2026年5月17日

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

相关问答

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

问题 #3131

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

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

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

问题 #4257

Background modification doesn't work for non-images

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? Chrome v100 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞?点击任意组件,在样式管理器中滚动到装饰>背景尝试...

4 个回答更新于 2022年9月20日

问题 #4116

Flex Property not working in style manager

GrapesJS 版本 [x] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? 版本 1.34.81 Chromium:97.0.4692.99(官方构建)(64位) 可复制演示链接 https://codesandbox.io/s/strange-sun-qgdc...

4 个回答更新于 2022年2月10日

问题 #3948

每次页面重新加载后,“我的选项”(在特质中)都会被重置

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? 铬 可复制演示链接 不是在那里 描述一下那个虫子 如何复现这个漏洞?安装 Grapes js并实现选择组件代码将选择组件拖入编辑器点击选择组件并输入特征重新加载页面。 预期的行为是什么?...

2 个回答更新于 2021年11月22日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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