GrapesJS 问题

artf

所有通过“canvas.scripts”加载的自定义脚本都是在组件之前加载的，所以如果你试图挂载到某个东西上，显然是无法实现的。你可能还需要使用['组件相关']（https://grapesjs.com/docs/modules/Components-js.html#component-related）脚本

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

comedydriving

解决了。 第一个问题是内容类型必须是json。 然后我不得不更新我的存储PHP脚本，以接受json数据： $POST = jsondecode（filegetcontents（'php：//input'）， true）; 最后，数据库中的字段被设置为“text”而不是“long text”，导致json组件被截断了。

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

JulyanoF

@ageir我做了一些不同的（文件上传）： 以及 以及列表图片：

artf

因为你的自定义上传文件（为什么不只用原始文件???），你就不会调用回调 https://github.com/artf/grapesjs/blob/dev/src/asset_manager/view/FileUploader.js#L105

mathiasbc

你好@artf， 我也有同样的问题，我的配置是这样的： 这个功能还行，我实际上可以上传图片，它们会显示在资产管理器里。对于图像块，我有： 这是直接从通讯插件复制的。现在，当我拖动到画布上的图像块并双击想要的图片时，组件会被添加，但我看到的是“src： ”''，所以没有显示任何图像。有什么建议吗？

JulyanoF

@ionic666我想你需要创建一个自定义特质： [https://github.com/artf/grapesjs/wiki/Traits#define-new-trait-type]（https://github.com/artf/grapesjs/wiki/Traits#define-new-trait-type）

artf

如果没有“changeProp： 1”，那就是一个简单的属性，所以你要听的是：'change：attributes：data-sensor'

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

artf

好吧......@kickbk这就是为什么我要求在创建新问题时提供所有信息，所以请下次一定要说明 顺便说一句，这些是不同的组件，试试这个： 'Wrapper.find（'[data-gjs-type=mj-image][src=“....”]'）'

artf

我觉得解决办法可能是，当我们从AM中移除图片时，它也应该从画布和LS中移除它。 好吧，但这种逻辑完全取决于你自己，绝对不应该在核心里加入请注意，我确实运行了一个函数，可以用下面的代码调用 AM 中移除图片的功能，也许我应该加点什么？ 没错，一旦 ajax 调用完成，你就移除组件 “''js am.addType（'image'， { 浏览量：{ onRemove（e） { const src = this.model.get（'src'）; const wrapper =...

kickbk

当我做 wrapper.find（'img[src=“${src}”]'） 时，我得到的是空数组。事实上，我在 wrapper.find（'img'） 上也会出现空数组。 我正在拿包装纸，但里面似乎没有任何图片。我们是不是查询错了元素？

artf

https://grapesjs.com/docs/getting-started.html

suresh5

@artf兄弟，我想加载包含css和js的html页面（视差）。我工作了大约10天，但还是找不到我是否正确操作。所以你能给我正确的操作说明吗？最终目标是在 React 包装页面为用户提供一组模板，一旦用户选择了任意模板，系统就会将所选模板加载到 grapesjs 编辑器中。所以请我赶紧解决这个问题。提前感谢大家。 兄弟，关于Grapesjs和React有什么最新进展吗？

mrajeshkrossark

> @artf兄弟，我想加载包含css和js的html页面（视差）。我工作了大约10天，但还是找不到我是否正确操作。所以你能给我正确的操作说明吗？最终目标是在 React 包装页面为用户提供一组模板，一旦用户选择了任意模板，系统就会将所选模板加载到 grapesjs 编辑器中。所以请我赶紧解决这个问题。提前感谢大家。嗨兄弟，关于用 React 的 Grapesjs 有什么最新消息吗？ 在你的 react 组件的 componentDidMount（） 中，你可以像下面那样初...

artf

我能预见的主要问题是源代码应该是可导入的，因为它是由编辑器生成的，我不确定编辑器是否能区分分隔符元素和用于表格数据的表格组件中的任何 td 组件，以及它是否能嗅探所有样式，重新填充到编辑器中。 是的，这是个好问题，基本上编辑器有一堆组件类型，每次添加新组件时，它都会放在堆栈顶部 假设你需要在选中的表格组件（[组件的API]（https://grapesjs.com/docs/api/component.html））中添加一个。 “''js const selected =...

artf

它为该节点返回了类型，阻止了编辑器测试该节点内部节点的组件类型？ 不，内层节点仍会被遍历，但你实际上可以通过这个作为返回“isComponent”来阻止这一点 “''js isComponent（el） { ... 返回 { 类型：“分离器”， 如果返回的对象包含“组件”， 内层节点将被跳过 组成部分：[]， } } 空桌子，那你能做什么?!?用这个： “''js 组件：[el.innerHTML]， “内容”是静态内容，编辑器不会创建组件，你甚至无法选择它们（因为不是组件...

artf

是的，内容属性确实能解决我的问题，但我猜我必须手动保持它的值（通过字符串操作）与用户对分隔符组件属性和特征所做的更改保持同步，而且因为它是分隔符组件模型的一部分，任何对它做的更改都会触发视图更新， 右？ 正如你说的，“我希望实际上点击分隔块的任何组件都能选择表格”，我猜“分隔符”是静态的，不需要更改内部内容，这取决于你的特征具体做什么，比如说，如果你只是更改组件本身的属性，它仍然与其视图同步否则，如果我让内层节点被遍历，但检查祖先和/或后代节点，确认它们是否属于分隔器组件，...

artf

应该会在最新的 https://github.com/artf/grapesjs/releases/tag/v0.14.33 和 https://github.com/artf/grapesjs-plugin-forms/releases/tag/v1.0.1 中修复（插件名称改为'gjs-plugin-forms' -> 'grapesjs-plugin-forms'）

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

artf

目前该职位是[硬编码]（https://github.com/artf/grapesjs/blob/dev/src/commands/view/SelectComponent.js#L519），但我们可以像通过事件扩展RTE工具栏那样扩展（https://github.com/artf/grapesjs/blob/dev/src/richtexteditor/index.js#L237-L239）

artf

https://github.com/artf/grapesjs/pull/1730 关闭

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

limbobark

@sakshigarg9， “''js 编辑。Commands.extend（'select-comp'， { onHovered（em， component） { const trg = component && component.getEl（）; 如果 （trg） { const pos = this.getElementPos（trg）; this.updateBadge（trg， pos）; this.updateToolbar（component）;显示工具栏...

artf

我唯一能帮到你的方法是让你检查这个命令 https://github.com/artf/grapesjs/blob/dev/src/commands/view/SelectComponent.js（命令ID：'select-comp'），它负责显示工具栏。所以你可以尝试用 [Commands API]（https://grapesjs.com/docs/api/commands.html） 来扩展它

sakshigarg9

@YashPrince 你好，你解决这个问题了吗？我需要类似的实现