#10872018年5月7日作者 ionic6662 个回答
0 个反应
我怎么把一个元素拖进另一个元素里
在我的面板里，我想把一些按钮拖到一个方块里，我该怎么做
artf
那就把按钮拖进你的方块里
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
GrapesJS 问题
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 3,464 个问题
#10862018年5月6日作者 dwengticorp2 个回答
0 个反应
用外部JavaScript生成组件的方法是什么？
看来我不该问这个问题，但我确实花了很多时间搜索，没能找到好的指南。 我想创建一个 Facebook 块，它包含几个 DIV 标签，还有一个脚本可以加载 FB sdk，并将内容渲染成 DIV 标签。 '<div id=“fb-root”></div>' ' <div class=“fb-page” data-href=“” data-tabs=“timeline” ' data-width=“425” data-height=“525” data-small-header=“true” data-adapt-container-width=“true” data-hide-cover=“false” data-show-facepi...
artf
创建一个[Component]（https://github.com/artf/grapesjs/wiki/Components）（也要看看如何用js创建它们]（https://github.com/artf/grapesjs/wiki/Components-&-JS））会给你更多控制权（比如添加你的特征），但就你而言，如果你只需要一个可拖拽的元素，你可以把它包裹在这样的 div 里 '''html <div class=“fb-wrapper” data-gjs-drop...
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
#10842018年5月4日作者 dsgh2 个回答
0 个反应
Bind handleAdd 以便实现者获得引用
我标记为bug，因为我觉得这反映了一个小的不一致;但也可以理解为功能请求。 情景是：我提供了自己关于“uploadFile”和“handleAdd”的方法，这在今天是可行的。我看到“uploadFile”绑定到了它的父对象，这让我可以通过在方法里操作“this.config.em.get（'Editor'）”来获取编辑器对象的handle，这很酷。但是，我不能对“handleAdd”做同样的事。我也希望能做到同样的事——而且我相信那样会更稳定。 作为另一种解决方案，“编辑器”可以作为这两种方法的最后一个参数传递——我也没问题，如果更喜欢这样请告诉我。
artf
完全同意一致性 👍
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
#10832018年5月4日作者 pintor-mato2 个回答
0 个反应
导入模板
你好。我有一个这样的json字符串 '{ “assets”： “[{\”type\“：\”image\“，\”src\“：\”./img/team1.jpg\“，\”unitDim\“：\”px\“，\”height\“：0，\”width\“：0}]”， “css”： “* { 框大小：border-box; }body {margin： 0;}“， ”styles“： ”[]“， ”html“： ”“， “components”： “[]”}'。现在我想导入它。
artf
说实话，我建议跟着存储管理器的流程操作，但无论如何，你可以通过以下方式实现： “''js const obj = var tt = JSON.parse（yourJsonString）; editor.setComponents（obj.components）; 编辑。setStyle（obj.styles）; ```
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
#10822018年5月3日作者 ionic6662 个回答
1 个反应
Vue.js用它
我该如何在vue.js中使用它
cjpollard
这个帖子应该能回答你的问题。https://github.com/artf/grapesjs/issues/275
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
#10812018年5月3日作者 mmeeeooowww3 个回答
0 个反应
RemovePanel 不会移除面板
我正在尝试拆除一个面板。函数第一次运行“removePanel”时返回面板，再次运行时返回未定义。值得注意的是，取回所有面板后该面板不再退回，但它仍然可见且可用。我试着移除演示页面左上角的设备选择按钮，但我也尝试去掉了“选项”和“视图”，结果一样。 预期行为： 执行编辑。Panels.removePanel（'devices-c'）;' 应该会移除设备选择面板。 当前行为： 执行编辑。Panels.removePanel（'devices-c'）;does not移除设备选择面板。 ![图片]（https://user-images.githubusercontent.com/33463827/39554942-4080d802-...
FrciSmrci
嘿，@mmeeeooowww， 面板应如本期讨论的那样拆除，https://github.com/artf/grapesjs/issues/824#issuecomment-362029424。 祝你有美好的一天。
mmeeeooowww
你好，@FrciSmrci我目前正在用CSS来隐藏内容。我是不是误解了“removePanel”的用途，还是用法不对？ 谢谢！
artf
我也会在这方面加一个听众
#10802018年5月2日作者 francesca-cicileo2 个回答
0 个反应
从脚本中更改组件属性
我正在扩展“文本”组件，添加一个新属性和一个脚本。当用户在文本组件中输入某个字符时，我希望脚本能更改组件模型中的属性，但我不确定该怎么做。这是我修改文本组件的设置： 我有两个问题：customAttribute 没有正确加载到脚本中，我不知道如何让脚本中 customAttribute 的值来更改模型中自定义属性的值。我有一个监听器 ''editor.on（'component：update：attributes'， model => {}）;' 它没有被调用，即使我在控制台看到'hide'和'show'（显示脚本中 customAttribute 确实被更改了）。只有当我第一次把组件放到画布上时，监听器才会被调用（所以它是正常工...
artf
你可以访问像这样嵌套属性，比如'var customAttribute = '{[ attributes.customAttribute ]}';' 在“script”内。你应该使用模型的属性： “''js ... customAttribute： ''， 脚本：function（） { ... ``` 然后在你的脚本里 'var customAttribute = '{[ customProp ]}';' 还有一点，你不能在“脚本”里更新变量后就指望它传播这个变化，脚本在...
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
#10792018年5月1日作者 Coyote63 个回答
2 个反应
错误的BG重复CSS设置
在导入组件和初始化 grapesjs 时，css background-repeat 属性被改为 background-repeat-x 和 background-repeat-y，这在 iOS 上会被破坏。 导入组件： '''html <div id=“izmt”>Test Begin<br /> <br /> <br /> <br /> 测试结束</div> <style type=“text/css”>#izmt{background-image：url（“/path/to/img.jpg”）;background-repeat：repeat-x;} </style> 这是它之后的表现： 移动版 ![手机后音]（https:...
Coyote6
谢谢。 我把这个加到了我的存储管理器功能里......我觉得这暂时解决了问题......我还没完全清醒，如果我搞砸了什么，请告诉我。 “JavaScript var css = editor.getCss（）; 修复JavaScript解析器中的后台重复。 var noRepeat = /background-repeat-x：no-repeat;背景-重复-y：无-重复;/g; var 重复 = /background-repeat-x：repeat;背景-重复-y：重复...
artf
谢谢@Coyote6我们已经知道这个问题。这是因为浏览器的CSS解析器，我暂时无法做太多，除非有自定义CSS解析器，希望尽快实现。
artf
https://github.com/artf/grapesjs/releases/tag/v0.14.33 你可以使用自定义的CSS解析器，第一个发布的是[grapesjs-parser-postcss]（https://github.com/artf/grapesjs-parser-postcss）
#10782018年4月30日作者 kuldeepcis3 个回答
1 个反应
添加自定义的倒计时日期时间选择器
倒计时时我们想添加自定义的日期时间选择器，而不仅仅是HTML那个。我们尝试过用这种方式在它的特性中添加点击事件 特质：[{ 标签：“开始”， 名称：“Startfrom”， 变革提案：1， 类型：n.dateInputType， 事件：{ 咔嗒：“handleClick”， }, handleClick：function（e）{alert（'here'）}， } 但这行不通。你能帮帮我吗？ 你能提供未压缩的grapesjs-preset-webpage.min.js版本吗？
nojacko
源代码：https://github.com/artf/grapesjs-preset-webpagehttps://github.com/artf/grapesjs-component-countdown
artf
@kuldeepcis请看看如何创建[自定义特质]（https://github.com/artf/grapesjs/wiki/Traits）
kuldeepcis
你能提供未压缩的grapesjs-preset-webpage.min.js版本吗？
#10772018年4月30日作者 Deepak8133 个回答
2 个反应
我们如何移除所选组件的 HTML
你好，artf， 请告诉我们如何移除所选组件的html 我有一个按钮的html，当我选择“gjs-comp-selected”类时，会被附加到 <button class=“addcolbtn gjs-comp-selected” id=“ir9j”>Add New column</button> 我想移除这个按钮的html，并在特定事件中用新内容替换。 请帮我们了解如何移除所选组件。
artf
你可以这样做 “''js const component = editor.getSelected（）; const coll = component.collection; const at = coll.indexOf（component）; coll.remove（component）; return coll.add（'<div>新内容</div>'，{ at }）; ```
mararn1618
这对我编程移除组件帮助很大，我想在 Typescript 里添加一些示例代码以便进一步参考。Typescript示例：动态移除组件 所有部件都被拆除........拥有标签名 = exampletag..具有属性 = exampleattr
Deepak813
你好，artf， 谢谢你的消息，提供的代码运行正常，但我遇到以下错误： 未捕获类型错误：无法读取未定义的属性“indexOf” 在HTMLDivElement。<anonymous> （template.js？1.15：3784） at HTMLDivElement.dispatch （jquery.min.js：5） at HTMLDivElement.v.handle （jquery.min.js：5） 在 ZoneDelegate.webpackJsonp.../.....