GrapesJS 问题

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

找到 3,464 个问题

#18172019年2月20日作者 AkibDeraiya1233 个回答
0 个反应

在编辑器渲染块时更改 HTML 内容

你好@artf 我有一个区块进入了区块管理器 和上面的脚本一样,我希望在该块渲染到界面的同时添加动态HTML内容。 我知道我不需要改变DOM。但我需要用模型来更改,但我不知道怎么用 ID/类别的模式来更改。 你能帮我吗?我该怎么实现?

artf

不@AkibDeraiya123如果你试图从“脚本”访问模型,说明你完全误解了它的概念,请仔细阅读这里 https://grapesjs.com/docs/modules/Components-js.html#basic-scripts“脚本”指的是最终的HTML(这里没有“model”、编辑器和GrapesJS),不是编辑器

AkibDeraiya123

感谢你的回复@artf, 所以,这意味着我不能在动态内容渲染到编辑器时加载到块里? 如果是,那我该怎么做? 我可以用“this.innerHTML = 'New HTML content''替换整个区块的html吗?

artf

当然可以,但不能通过“脚本”属性。你必须创建一个自定义组件并在那里更新它的模型

#18162019年2月20日作者 Shah-ali3 个回答
0 个反应

删除该图片后,不允许上传同一张图片并同步位置。

Ajax 调用了 assests 文件夹中上传图片文件 从本地添加图片运行正常。 但在另一种情况下,这并不起作用。请看一看 拖拽图像块 选择一张图片 删掉那张图片 在同一个地方再次添加同一张图片,“上传文件”功能无法调用 删除图片后,它不允许我上传同一张图片和位置的图片

artf

选中图片后必须清除文件输入

Shah-ali

请给我一些线索。如何清除文件输入?

Shah-ali

我想,我已经解决了。 In OpenAssets.js

#18152019年2月19日作者 ateebahmed3 个回答
0 个反应

:组件:mount多次触发

我一直在用编辑器事件,注意到当组件从块拖到画布时,“component:mount”事件会多次触发,你可以在你的JSFiddle Starter里确认。 “JavaScript editor.on('component:mount', component => console.log('mounted', component)) ```

artf

@ateebahmed请不要像这样的问题打开。按照模板操作

ateebahmed

好的,我会重新打开。

lock[bot]

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

#18142019年2月19日作者 ateebahmed2 个回答
0 个反应

:如何触发触发组件:选择的事件,用我的组件

我想在组件从块拖到画布并渲染时选择它,我尝试过在“component:add”、“component:mount”注册事件并调用“editor.select(component)”,通过回调传递组件,但它没有正确初始化或缺少属性,比如它的类型和我预期的组件不符,自定义特性也没有初始化, 但如果我点击选中同一个组件,'component:selected' 里得到的组件就是我预期的,而且它的特性也被正确渲染。 我到底哪里做错了?

artf

https://github.com/artf/grapesjs/issues/1813#issuecomment-466408328

lock[bot]

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

#18132019年2月19日作者 ateebahmed3 个回答
0 个反应

:无法从editor.on events回拨中获得正确的组件

我用编辑器的事件在某些操作后获取组件,比如“组件:添加”、“块:拖动:停止”,但在这两个事件中,我都拿不到我在画布上拖拽的组件。 当我调用“component.is('my-component-type')”时,它会给出false,我需要根据它的类型执行操作,但当我从事件的回调中得到这个类型时,我做不到,但如果我选择一个组件并在“component:selected”注册监听器,我会得到正确的类型,我怎么能在其他事件中出现这种行为?

artf

你做错了什么,这方面正常 https://jsfiddle.net/nfkha41p/ 下次先做一个可复现的演示,然后再开一个问题......

ateebahmed

其实我不能用内置组件生成,但我用的是扩展默认文本组件的自定义组件,我会粘贴代码,因为我找不到该设置哪个属性来获取组件类型,虽然我在 BlocksManager' 里设置了 'type: 'my-type''。

naveen-15697

你做错了什么,这边正常工作 https://jsfiddle.net/nfkha41p/下次先做一个可复现的演示,然后再开一个问题...... @artf 这里,当我拖动第一个组件时,会收到三个提醒。但我只需要父节点。即第一次警报。有什么解决办法吗?

#18122019年2月19日作者 ryancwalsh3 个回答
4 个反应

:尝试添加背景图像时出现404(演示中可复现)

以隐身铬色访问 https://grapesjs.com/demo.html点击“Header”元素点击装饰>背景删除第2层点击第1层点击“x”删除紫色背景图像控制台中出现“GET https://grapesjs.com/none 404”错误点击“图片”尝试添加任何其他新图片,但都不行

NicoEngler

我可以确认 https://grapesjs.com/none 404 在第 7 步测试中,在 Chrome 72.0.3626.119 中,无论是普通模式还是无痕模式。

NicoEngler

@artf我做不到,添加图片(无论是普通模式还是无痕模式)都有效。

ryancwalsh

更新:我刚刚用之前的步骤在Win 10 Chrome无痕版本72.0.3626.121(官方构建)(64位)上再次尝试。 这次控制台错误显示“资源加载失败:服务器响应状态为404() none:1”。 但是,在第9步,我可以成功添加一张图片。 我不知道是Grapesjs还是Chrome有什么变化,但现在这个方法对我来说有效。

#18112019年2月19日作者 sharma-mohit-eca2 个回答
0 个反应

Changes在编辑器中点击任意元素时计数变化

你好, 如果画布发生变化,我用 changesCount 来调整编辑器大小。 但当我在Canvas中选择任何元素时,点击Canvas里的任何div都会增加ChangesCount,这样编辑器就会调整大小。 所以,我想在选择任何元素时禁用 changesCount,只有在 Canvas 里做了某些更改时,才应该增加元素计数。 如果你有其他方法,请分享。

artf

不,你不能禁用它

lock[bot]

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

#18102019年2月19日作者 munanadhifa2 个回答
0 个反应

如何将 hmtl 导入到 grapesjs

我对Grapejs还很陌生,你能帮我把HTML导入Grapesjs吗? 我已经用 VScode 做了 Plan HTML 和 CSS,但我不知道怎么导入。谢谢你

artf

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

lock[bot]

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

#18092019年2月19日作者 sakshigarg93 个回答
1 个反应

自定义图片大小调整

如果我想限制图像只调整特定尺寸,我该怎么做? 另外,是否可以只在右下角启用调整大小,而在其他角落和点处禁用?

artf

如果我用的是 grapesjs-preset-webpage,我该如何更新这些属性? 你总可以更新组件类型(但要以插件形式更新) “''js 编辑。DomComponents.addType('image', { 型号:{ 默认值:{ 可调整大小:{ TL: 0, // 左上角 TC:0,// 中上 tr: 0, // 右上角 cl: 0, // 中左 bl: 0, // 左下角 } } } }) ```

artf

你可以用[这些选项](https://github.com/artf/grapesjs/blob/e79ffd96979e2e435462ffc76139f5b5906eae5d/src/utils/Resizer.js#L4-L69)来表示组件的“可调整大小”属性

sakshigarg9

如果我用的是 grapesjs-preset-webpage,怎么更新这些属性?

#18082019年2月18日作者 MisterFK1 个回答
0 个反应

创建画布块

你好, 我们能加一个画布块吗?我尝试让编辑器总是在 <div> <canvas>。 谢谢!

lock[bot]

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

浏览所有主题