使用Stylemanager添加额外属性以更改所选方块的属性
@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)
@Ace0611你可以用[traits](https://grapesjs.com/docs/modules/Traits.html)来控制道具(ID、头衔等)和属性。 干杯!
@Ace0611
用特征识别会覆盖这个吗?
是的!“id”只是普通道具,和其他道具一样。而且要注意,葡萄树已经默认给你“id”和“title”的特征了。 干杯!
@pouyamiralayi:谢谢你的帮助。不过有个疑问,每个被拖拽的方块都会产生动态ID。用特征来识别会覆盖这个吗?抱歉,我现在正在旅行,暂时不能自己动手。我会尽快试试。
相关问答
通过相似的问题讨论继续研究。
问题 #1683
当编辑器或渲染元素带有动态IP时,如何更改ID/类?
你好,@artf, 希望你一切安好。 我有两个关于动态方块添加的问题, 1)能用动态ID渲染方块吗? 2)能否更改 'block:drag:stop' 或 'component:add' Grapesjs 方法中的 id/class/onClick 方法? 这是我的一些代码,...
问题 #905
需要找到必要的事件。
大家好! 拖块到画布上,然后放下: ...我们有事件要检测,我们要投放到哪个方块。 ?: 但当我把块文本放进 form(换句话说,我会把一个块嵌套到另一个块里) 我如何检测:*嵌套发生在哪个具体方块中?? 指定什么事件来检测该组件? 我试过 canvas:dragenter 和...
问题 #1990
需要在移除 HTML 组件前调用 method
你好,我需要先调用该方法,才能移除 HTML 组件。我该怎么做 ...
问题 #2716
在Grapejs中添加自定义字体的问题
@artf 我按照下面的方法成功添加了列表中的字体,但并非所有字体都显示正确行为,我想在系统中添加Avenir字体,添加时并没有把字体改成Avenir,而是给了某个默认值 editor.on('load', function () { styleManager = 编辑器。风格...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。