问题 #2296✓ 已解决提出于 2019年9月26日作者 hellocaio3 个反应

如何自定义StyleManager输入组件?

快速解答作者 artf3

GrapesJS 网站上的演示版本有一些自定义样式输入组件(比如不透明度滑块、属性名旁的“撤销”按钮......)这是如何实现的?有没有办法用我自己的插件来使用它们? 这些都是配置的一部分。 清理财产时请使用此选项 “''js styleManager: { clearProperties: 1 }, ``` 不透明度是通过“滑块”类型构建的,这里是演示源代码中的部分 https://github.com/artf/grapesjs/blob/53cfe888a0ee5d49c43cd4e3fa5daf0b55f8277c/demo.html#L1101-L1108还有,我该如何让自定义扇区属性像buildProps那样表现?我的...

阅读下方完整回答 ↓

问题

GrapesJS 网站上的演示版本有一些自定义样式输入组件(比如不透明度滑块、属性名称旁的“撤销”按钮......)这是如何实现的? 有没有办法用我自己的插件来使用它们?

另外,我该如何让自定义扇区的“属性”像“buildProps”那样表现?我的情况是必须翻译所有字符串,所以不能用“buildProps”,但自定义道具的行为和“buildProps”不同。他们没有像buildProps那样在“component:selected”中取组件属性的初始值,颜色选择器也没有显示“onClick”,等等。

回答(1)

👍 最有帮助artf2019年9月28日

GrapesJS 网站上的演示版本有一些自定义样式输入组件(比如不透明度滑块、属性名旁的“撤销”按钮......)这是如何实现的?有没有办法用我自己的插件来使用它们? 这些都是配置的一部分。 清理财产时请使用此选项 “''js styleManager: { clearProperties: 1 }, ``` 不透明度是通过“滑块”类型构建的,这里是演示源代码中的部分 https://github.com/artf/grapesjs/blob/53cfe888a0ee5d49c43cd4e3fa5daf0b55f8277c/demo.html#L1101-L1108还有,我该如何让自定义扇区...

相关问答

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

问题 #2640

使用Stylemanager添加额外属性以更改所选方块的属性

感谢你提供这个超棒的插件。我正在把它和我当前的项目整合起来。我对它有一个问题。 这是我的代码,我添加了一个带有3个输入字段的新扇区,我想用这些输入字段中的值更改所选块的属性(id, readOnly)。例如:我想用我的功能更改所选块的ID。我该如何实现这一点? 编辑。Style...

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

问题 #2511

选择元素时如何打开扇区?

大家好 我该如何打开像 General 这样的选择器,同时选择元素? 我是JavaScript新手,但我尝试过类似的东西。 “''js editor.on('component:selected', function(component) { if(component.attr...

3 个回答更新于 2020年1月21日

问题 #6040

无法读取未定义的属性(读取“lastComponent”)

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 版本 127.0.6533.89(官方构建)(64 位) 可复制演示链接 描述一下那个虫子 请检查此事。selectern的值未定义。我在React里用它,结果出现了错误异常。 /*返回所选组件的...

4 个回答更新于 2024年12月13日

问题 #4897

Component:styleUpdate / component:styleUpdate:propertyName 未被触发

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Edge 109.0.1518.70 可复制演示链接 https://jsfiddle.net/rudacs/kr2x1mnh/ 描述一下那个虫子 如何复现这个漏洞?在 StyleManager...

4 个回答更新于 2023年5月22日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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