#7152018年1月5日作者 suchithmahadi3 个回答
你好， 根据文件， 更改包装器的背景并设置某个属性 var wrapper = domComponents.getWrapper（）; wrapper.set（'style'， {'background-color'： 'red'}）; wrapper.set（'attributes'， {'title'： 'Hello！'}）; 我们能把类设置为包装吗？ 请告诉我们如何将类设置为根组件，即封装器。 谢谢。
artf
当然，编辑。DomComponents.getWrapper（）.addClass（'wrapper'）'
suchithmahadi
@artf， 谢谢你的回复。 我们能做吗 编辑。DomComponents.getWrapper（）.addClass（'wrapper'） 在0.10.7版本中 谢谢。
suchithmahadi
抱歉打扰你， 因为我在0.10.7版本尝试时 它报错了 [错误]TypeError：wrapper.addClass 不是函数。（在“wrapper.addClass（'wrapper'）”中，“wrapper.addClass”未定义） 全球代码（index.html：4474） 还有一个请求，我不想更新到最新版本，你能告诉我有什么可能实现这一点的方法吗？ 谢谢。
#7142018年1月5日作者 michaellwatson2 个回答
正在尝试这样做 给出误差 this.sender.get 不是函数 grapesjs.min.js toggleSm 基本上，我想在点击元素时打开样式管理器。 任何帮助或信息都非常感谢，谢谢
artf
你好，迈克尔， 实际上，'open-sm' 里有个 bug，不允许用 'runCommand' 调用命令，但原因是它设计成只用相对按钮调用，我建议你这么做 “''js editor.on（'component：selected'， （） => { const openSmBtn = 编辑器。Panels.getButton（“views”， “open-sm”）; openSmBtn.set（'active'，1）; }); ```
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
#7132018年1月5日作者 austinbiggs2 个回答
这个说法可能看起来有点混淆，但本质上我想用'gjs-droppable=“'，就像用'gjs-draggable=”“'一样。 所以如果“gjs-droppable=”li.feature“' 设在 '<ul>''，那么只有符合选择器的项目才能丢弃在 '<ul>' 内。
austinbiggs
这已经如上面所述了，我之前的代码出错导致它无法正常工作！
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
#7112018年1月4日作者 austinbiggs2 个回答
我一直在翻代码和CSS，找不到金色父容器的CSS和绿色的drop占位符。我试过在CSS/JS里搜索这些颜色，但没找到。查看源代码时，我也没看到任何附加内容......有人知道可以用什么ID或类别来修改这两个元素吗？ ![截图 2018-01-04 下午1：15：46]（https://user-images.githubusercontent.com/930864/34582541-67d20382-f151-11e7-8afe-6eecac8ec9c4.jpg）
austinbiggs
我是在翻阅HTML后找到了这个课程。 .gjs-placeholder-int， .gjs-com-placeholder-int， .gjs-nv-placeholder-int {}
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
#7102018年1月4日作者 austinbiggs3 个回答
我正在修改手柄，除了有手柄外，我还希望整个元素都能拖拽。看代码，我猜我只需要在select时给可拖拽的元素附加'tlb-move'命令。 上述代码在选择状态下，将选中的组件写入控制台。从这里开始，我认为需要添加一个用于拖拽的事件监听器，但我尝试用 '.on（）' 附加监听器都失败了。有什么建议可以把事件监听器附加到某个选定组件上吗？
artf
试试类似这样的东西 “''js editor.on（'component：selected'， （） => { const selected = editor.getSelected（）; 如果 （！selected || ！selected.get（'draggable'））） 返回; const el = selected.view.el; 如果（！el.hasCustomEvent） { el.hasCustomEvent = 1; el.addEventListen...
Jogai
我按照你的建议操作，但出现了一个错误：“未捕获的类型错误：无法读取未定义的属性'类型'” editor.on（'component：selected'， （） => { const selected = editor.getSelected（）; 如果 （！selected || ！selected.get（'draggable'））） 返回; const el = selected.view.el; 如果（！el.hasCustomEvent） { el.hasCusto...
Jogai
非常感谢你的更新！我还是有点难以正确实现。我举了一个例子： https://codepen.io/anon/pen/vRoRBX 举个例子，就是防止用户做太多事情。大多数元素都被设计成不可拖拽。用户应该能够重新排序。 我在选择和拖拽时遇到了几个问题。以下是我采取的步骤和遇到的问题：点击第2项。问题1：元素没有被选中，只是被高亮显示。点击第1项，现在该项被较粗的高亮显示为选中。点击第2项，选中该项。问题2：1号保持“被选中”状态。拖拽（不先点击）第1项到第3项下方。 问题3：...
#7092018年1月4日作者 NicholasGati3 个回答
新年快乐！我在使用“isComponent（）”时遇到了问题。这是我的代码： 不知为何，这个特性唯一会出现在组件设置中，是当我完全移除 'isComponent（）' 的 if 语句，只返回 '{ 类型： 'selectReference' }'' 时。然而，这就成了一切的特征。我检查了'el.tagName'的值，它们和我预期的一样。我也确保了正确的“el.id”值。我甚至检查了if语句本身，确实通过if语句，正确记录输出。所以我很困惑为什么这个特质没有被恢复。请帮帮我。谢谢！
artf
你好，Nicholas，你是在插件里定义“selectReference”吗？
NicholasGati
嘿，阿图尔。是的，它在插件里。
artf
试过你的代码 https://jsfiddle.net/vv7sch2u/ 而且看起来正常工作
#7082018年1月4日作者 HarshOB2 个回答
当我尝试将以下HTML保存到Grapes编辑器时，它无法渲染“模板”标签。 此致
artf
因为这就是“<template>标签”的运作方式 https://github.com/artf/grapesjs/issues/244
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
#7072018年1月4日作者 suchithmahadi2 个回答
你好，@artf， 我发现了一个可以在 Grapesjs 中实现网格可调整大小的插件，而且完全响应式，请看看，请告诉我们如何将这个插件与 GrapesJS 集成，这样我就能做一个 PR。 https://github.com/gridstack/gridstack.js#demo-and-examples
artf
@suchithmahadi你可以在项目中使用它，但这并不是我们在 GrapesJS 核心中需要的功能
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
#7052018年1月4日作者 austinbiggs3 个回答
你好！我在翻代码，想在拖动元素时实现占位符效果？拖拽方块已经有类似的做法了。 如果我想添加什么来实现这个效果，我需要修改或挂钩到什么方法？我在画布上没有看到元素的 startDrag 选项。 类似：http://gridstackjs.com/
artf
这大概也是我放弃😂的原因 正如你从这里看到的 https://github.com/artf/grapesjs/blob/dev/src/commands/view/MoveComponent.js#L74 我尝试使用“setDragHelper”，它复制了“getComputedStyle”中的元素样式，但我也移除了它的子节点“dragHelper.innerHTML = '''，因为获取内部样式可能成本过高。目前，我看到以下可能的解决方案：只显示元素的形状让用户定义其...
artf
不幸的是，移动组件的方式略有不同，所以我还在努力中
artf
其实，我本来想加这个功能，但没做得太深入 😬 https://github.com/artf/grapesjs/blob/dev/src/commands/view/MoveComponent.js#L74
#7042018年1月4日作者 austinbiggs3 个回答
我不确定这是否已经存在，我还没见过（如果是这样，抱歉）。有没有办法限制某些可拖拽元素的可丢弃位置？ 假设我有一份清单： 我希望用户能够重新排列列表项目，但限制它们拖出“<ul>'。 类似于 http://api.jqueryui.com/draggable/#option-containment
austinbiggs
看起来你考虑得周到，GrapesJS做得非常棒！😄
artf
当然，你可以利用“data-gjs-*”属性（例如“data-gjs-draggable=”ul“'） 请查看这里最后的示例代码 https://github.com/artf/grapesjs/wiki/Blocks