#24802019年12月30日作者 ackvf1 个回答
目前将组件脚本转换为文本再放入文档的方法相当受限。难道不能采用这样的方法，从而保留范围吗？ 把函数放在 Windows 里，然后在组件里用垫片函数。 original代码： “''js var myVar = “约翰”; 编辑。BlockManager.add（'test-block'， { ... 脚本：函数 （） { alert（'Hi' + myVar）; console.log（“元素”，此词）; }, ... }); globalThis['test-block'] = identifierOfTheTestBlockComponent.script 最初在公关中提及，这里 https://github.com/artf...
artf
难道不能采用这样的方法，从而保留范围吗？ 不，因为你试图将编辑器环境的范围和最终用户部署的范围混合在一起（这和编辑器无关，他只能看到最终的HTML/CSS/JS）。 试着看看这个问题：https://github.com/artf/grapesjs/issues/2181
#24782019年12月29日作者 obrazkow3 个回答
如果尝试从正文上的表格移动单元格，则会出现错误 ![图片]（https://user-images.githubusercontent.com/56313520/71551300-c1488f00-29ec-11ea-8638-7c68e16875ee.png） Grapesjs的演示 https://grapesjs.com/demo-newsletter-editor.html 也出现了错误
obrazkow
分拣器出了问题。 function dimsFromTarget 返回空数组，当目标元素不在可拖拽列表中时 参见 https://github.com/artf/grapesjs/blob/dev/src/utils/Sorter.js#L644（未找到目标） https://github.com/artf/grapesjs/blob/dev/src/utils/Sorter.js#L648（返回空数组） 在此函数之后调用 getTargetModel，目标未定义，出现错误...
artf
你能告诉我具体怎么复现这个错误吗？因为我拖动单元格没有看到任何错误
obrazkow
第一个错误。选择单元格包装器（见截图），尝试拖动它控制台中会出现错误 ![图片]（https://user-images.githubusercontent.com/56313520/71686681-89eb3100-2da4-11ea-9ac2-b5602cb5fe56.png） 更多细节我附上了两个视频文件的链接。当我尝试复制时，又发现了一个bug。试试先选一个组件，比如文本并移动它，然后选择单元格，再拖动它。你会发现那条目的地线位置错误 https://dropme...
#24772019年12月28日作者 bumpradar2 个回答
× 未处理的拒绝（错误）：元素类型无效：预期为字符串（内置组件）或类/函数（复合组件），但结果为：未定义。你很可能忘了从定义的文件导出组件，或者你把默认导入和命名导入搞混了。 'import React from 'react'; import { GEditor } from 'grapesjs-react' 导出默认值 （） => { 返回（ <导师 /> ); } `
pouyamiralayi
@bumpradar这个问题必须在这里发布：[葡萄反应]（https://github.com/thanhtunguet/grapesjs-react） 干杯！
Ace0611
你好，我在尝试从 grapesjs-react 导入 GEditor（从 'grapesjs-react' 导入 GEditor;)时遇到了这个错误： 错误：“grapesjs-react” 不包含默认导出（导入为“GEditor”）。 有人解决过这个问题吗？
#24762019年12月27日作者 obrazkow1 个回答
当动态添加带有属性类型的颜色的扇区，并随后移除它（扇区）时，颜色选择器元素不会从 DOM 树中移除。我该怎么拆下来，我担心手动删除会导致内存泄漏。 我是说元素 在初始化多重时间属性后，带有类型颜色，我在dom树中拥有 或者有没有其他动态使用扇区的方法？
artf
目前我看不到除了手动之外还有别的办法可以移除它
#24732019年12月26日作者 ramusesan3 个回答
我在尝试按住并拖动工具栏的移动图标时遇到了一个问题（似乎是偏移问题） 我添加了 bootstrap 和列（col-sm-2 和 col-sm-10），然后尝试按住目标组件并拖动它，运行正常。 但当我尝试通过按住工具栏的移动图标来拖动组件时，i.e 光标位置和组件位置之间距离变大，它就无法正常工作 但如果我点击全屏按钮，或者用col-sm-12（全宽）试试，拖拽就没问题 我在下面附上了现场演示 ![葡萄酱]（https://user-images.githubusercontent.com/15937743/71476333-88e95b00-280a-11ea-9ed4-dd7789fbe008.gif）
MartinPutz
@ramusesan可能和这个问题有关：#2423 希望重构画布能解决这些问题 正如@artf在这个问题上建议的，你可以尝试这个分支：https://github.com/artf/grapesjs/tree/multi-frame
pouyamiralayi
你好，@ramusesan这里是[PR]（https://github.com/artf/grapesjs/pull/2375）。 干杯！
ramusesan
谢谢大家@MartinPutz @pouyamiralayi
#24722019年12月26日作者 imranali20452 个回答
你好@artf 如何为自定义组件（外部组件）实现dragData事件。我在div drag上调用了dragData方法，但dataTransfer和内容都没有当前拖拽组件的信息。请帮帮我，情况紧急，谢谢。 ' this._editor.on（'canvas：dragdata'， （dataTransfer， content） => { console.log（“dataTransfer”， dataTransfer）; console.log（“内容”，内容）; });`
artf
'canvas：dragdata' 旨在丰富原生 D&D 支持。比如你从桌面拖入视频，想让编辑器正确理解，你会这样做 “''js editor.on（'canvas：dragdata'， （dataTransfer， result） => { 如果 （/ dataTransfer 包含视频文件 /） { result.content = { 类型： 'video'， src： '...' } } }); ```
manuel-84
你做到了吗？ 我在启用 MJML 插件时遇到了丢弃文本的问题，它本应创建 MJ-text 元素，但实际上却创建了一个 div
#24702019年12月25日作者 kzdev4201 个回答
![图片]（https://user-images.githubusercontent.com/54437031/71449450-c35de400-2787-11ea-8e59-9fc04b61f836.png） 这是针对桌面的 ![图片]（https://user-images.githubusercontent.com/54437031/71449454-e25c7600-2787-11ea-86ab-9ca4e9be376d.png） 这是针对移动端的 请教我怎么解决。
devmohitagarwal
@Excellent开发者，界面到底出了什么问题？ 如果你建议设备选择按钮没有你需要的分辨率，那你可以在编辑器里的配置文件里更改。 如果你是说画布内部的用户界面没有根据较小的设备自动对齐，这才是预期的行为。 流程是这样的。你根据桌面视图创建页面。你选择移动端/平板视图，你应该再次选择适合手机/桌面的CSS属性（它会为该移动端添加媒体查询）。
#24692019年12月24日作者 simplecommerce2 个回答
你用的是最新版本吗（旧版本不支持）？是的，0.15.9你是在本地版本GrapesJS还是当前演示版遇到这个bug？本地副本你能重现演示中的bug吗？不，不是React应用。预期行为是什么？工具栏按钮应在编辑器加载时添加一次。接下来会发生什么？当导航离开并返回编辑器时，工具栏按钮会重复出现，次数与导航完成的次数相当。如果你能复现该漏洞，请标明所有必要步骤 请附上截图（使用 KAP/LICEcap）、截图或实时演示https://codesandbox.io/s/react-router-basic-49ki1?fontsize=14&hidenavigation=1&theme=dark点击仪表盘链接。双击文本编辑，查看工具栏。点击...
artf
好的，看起来我们没有在“销毁”方法中清除RTE实例......我会在下次发布时修正它
simplecommerce
目前我得先先做'rte.remove'再输入'rte.add'，这样才不会重复。
#24672019年12月23日作者 jcamejo2 个回答
你好，@artf，希望你一切顺利。 我发现颜色选择器有些问题，如果一个选项打开后在画布上点击，颜色选择器也不会关闭，即使插件的 clickoutFiresChange 选项设置为 true，这是因为事件传播是由画布的 iframe 执行，而不是通过。 我找到的唯一解决办法是添加一个辅助事件，可以在画布上捕捉点击，目前我正在使用组件：已选中 但我正在考虑更好的解决方案。这是我的提案： 我试图在拣选者回调中添加这个操作，但没能找到合适的上下文。 你怎么看？ 我应该尝试不同的方法，还是可以提交拉取请求？ 非常感谢这个优秀的库，我在深入研究源代码时学到了很多东西。 此致敬礼， 胡安。
NorthstarTech
@artf @jcamejo有最新进展吗？
#24662019年12月23日作者 kzdev4201 个回答
我打算在Rails 6应用中使用这个。 https://grapesjs.com/docs/getting-started.html#import-the-library 我是在这本指南下发展的。 但它并不像指南。 我觉得CSS表现不好。 我的成绩 ![图片]（https://user-images.githubusercontent.com/54437031/71345196-a070db80-259f-11ea-871d-fbfcc870b15a.png） 指导结果。 ![图片]（https://user-images.githubusercontent.com/54437031/71345243-bb435000-259f-...
artf
GrapesJS 和你的后端栈无关，看起来你只是没在示例中使用 CSS，比如： “''CSS #gjs { 边框：3px 实心 #444; } / 重置一些默认样式 / .gjs-cv-canvas { 顶部：0; 宽度：100%; 身高：100%; } ```