问题 #2640💬 已回答提出于 2020年3月12日作者 Ace06112 个反应

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

快速解答作者 pouyamiralayi1

@Ace0611你可以用[traits](https://grapesjs.com/docs/modules/Traits.html)来控制道具(ID、头衔等)和属性。 干杯!

阅读下方完整回答 ↓

问题

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

编辑。StyleManager.addSector( “我的区”, { 名称:“元素属性”, 开启:真, 属性: [{ name: “id” }, { name: “name” }, { name: “readOnly” }] buildProps: ['id', 'readOnly'], }, { 地点:0 } );

以及更改所选组件的属性:

editor.on(“block:drag:stop”, function(droppedComponent) {
droppedComponent.addAttributes({ id:“customId”(应该从输入中取出) onclick: 'jsFunc('#${randomId}')'' }); });

回答(3)

pouyamiralayi2020年3月13日

@Ace0611

用特征识别会覆盖这个吗?

是的!“id”只是普通道具,和其他道具一样。而且要注意,葡萄树已经默认给你“id”和“title”的特征了。 干杯!

Ace06112020年3月13日

@pouyamiralayi:谢谢你的帮助。不过有个疑问,每个被拖拽的方块都会产生动态ID。用特征来识别会覆盖这个吗?抱歉,我现在正在旅行,暂时不能自己动手。我会尽快试试。

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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