GrapesJS 问题

已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。

状态

排序

找到 3,464 个问题

#24802019年12月30日作者 ackvf1 个回答

1 个反应

：对于使用脚本函数（非字符串）的组件使用shim 函数

目前将组件脚本转换为文本再放入文档的方法相当受限。难道不能采用这样的方法，从而保留范围吗？把函数放在 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 个回答

0 个反应

缺陷

尝试将单元格从行移动时出现错误

如果尝试从正文上的表格移动单元格，则会出现错误 ![图片]（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 个回答

1 个反应

尝试使用 GEditor 时导入损坏

× 未处理的拒绝（错误）：元素类型无效：预期为字符串（内置组件）或类/函数（复合组件），但结果为：未定义。你很可能忘了从定义的文件导出组件，或者你把默认导入和命名导入搞混了。 'import React from 'react'; import { GEditor } from 'grapesjs-react' 导出默认值（） => { 返回（ <导师 /> ); } `

pouyamiralayi

@bumpradar这个问题必须在这里发布：[grapesjs-react]（https://github.com/thanhtunguet/grapesjs-react）干杯！

Ace0611

你好，我在尝试从 grapesjs-react 导入 GEditor（从 'grapesjs-react' 导入 GEditor;)时遇到了这个错误：错误：“grapesjs-react” 不包含默认导出（导入为“GEditor”）。有人解决过这个问题吗？

查看详情

#24762019年12月27日作者 obrazkow1 个回答

0 个反应

如何从 DOM 树中移除颜色选择器元素

当动态添加带有属性类型的颜色的扇区，并随后移除它（扇区）时，颜色选择器元素不会从 DOM 树中移除。我该怎么拆下来，我担心手动删除会导致内存泄漏。我是说元素在初始化多重时间属性后，带有类型颜色，我在dom树中拥有或者有没有其他动态使用扇区的方法？

artf

目前我看不到除了手动之外还有别的办法可以移除它

查看详情

#24732019年12月26日作者 ramusesan3 个回答

3 个反应

翻译拖拽模式中的拖放问题

我在尝试按住并拖动工具栏的移动图标时遇到了一个问题（似乎是偏移问题）我添加了 bootstrap 和列（col-sm-2 和 col-sm-10），然后尝试按住目标组件并拖动它，运行正常。但当我尝试通过按住工具栏的移动图标来拖动组件时，i.e 光标位置和组件位置之间距离变大，它就无法正常工作但如果我点击全屏按钮，或者用col-sm-12（全宽）试试，拖拽就没问题我在下面附上了现场演示 ![GrapesJS]（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 个回答

0 个反应

DragData 扩展用于其他组件，比如 div 等

你好@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 个回答

1 个反应

移动设备视图运行不良。

![图片]（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 个回答

1 个反应

缺陷

在 React 应用中向 RTE 工具栏添加按钮会导致按钮被重复。

你用的是最新版本吗（旧版本不支持）？是的，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 个回答

0 个反应

如果点击发生在画布上，颜色选择器会保持开启

你好，@artf，希望你一切顺利。我发现颜色选择器有些问题，如果一个选项打开后在画布上点击，颜色选择器也不会关闭，即使插件的 clickoutFiresChange 选项设置为 true，这是因为事件传播是由画布的 iframe 执行，而不是通过。我找到的唯一解决办法是添加一个辅助事件，可以在画布上捕捉点击，目前我正在使用组件：已选中但我正在考虑更好的解决方案。这是我的提案：我试图在拣选者回调中添加这个操作，但没能找到合适的上下文。你怎么看？我应该尝试不同的方法，还是可以提交拉取请求？非常感谢这个优秀的库，我在深入研究源代码时学到了很多东西。此致敬礼，胡安。

artf

公关效果会很棒 👍

NorthstarTech

@artf @jcamejo有最新进展吗？

查看详情

#24662019年12月23日作者 kzdev4201 个回答

0 个反应

如何使用 grapesjs 到 Ruby on Rails 6 应用？

我打算在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%; } ```

查看详情

GrapesJS 问题

浏览所有主题