#18172019年2月20日作者 AkibDeraiya1233 个回答
你好@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 个回答
Ajax 调用了 assests 文件夹中上传图片文件 从本地添加图片运行正常。 但在另一种情况下,这并不起作用。请看一看 拖拽图像块 选择一张图片 删掉那张图片 在同一个地方再次添加同一张图片,“上传文件”功能无法调用 删除图片后,它不允许我上传同一张图片和位置的图片
Shah-ali
请给我一些线索。如何清除文件输入?
Shah-ali
我想,我已经解决了。 In OpenAssets.js
#18152019年2月19日作者 ateebahmed3 个回答
我一直在用编辑器事件,注意到当组件从块拖到画布时,“component:mount”事件会多次触发,你可以在你的JSFiddle Starter里确认。 “JavaScript editor.on('component:mount', component => console.log('mounted', component)) ```
artf
@ateebahmed请不要像这样的问题打开。按照模板操作
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
#18142019年2月19日作者 ateebahmed2 个回答
我想在组件从块拖到画布并渲染时选择它,我尝试过在“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 个回答
我用编辑器的事件在某些操作后获取组件,比如“组件:添加”、“块:拖动:停止”,但在这两个事件中,我都拿不到我在画布上拖拽的组件。 当我调用“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 个回答
以隐身铬色访问 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 个回答
你好, 如果画布发生变化,我用 changesCount 来调整编辑器大小。 但当我在Canvas中选择任何元素时,点击Canvas里的任何div都会增加ChangesCount,这样编辑器就会调整大小。 所以,我想在选择任何元素时禁用 changesCount,只有在 Canvas 里做了某些更改时,才应该增加元素计数。 如果你有其他方法,请分享。
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
#18102019年2月19日作者 munanadhifa2 个回答
我对Grapejs还很陌生,你能帮我把HTML导入Grapesjs吗? 我已经用 VScode 做了 Plan HTML 和 CSS,但我不知道怎么导入。谢谢你
artf
https://grapesjs.com/docs/getting-started.html
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
#18092019年2月19日作者 sakshigarg93 个回答
如果我想限制图像只调整特定尺寸,我该怎么做? 另外,是否可以只在右下角启用调整大小,而在其他角落和点处禁用?
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 个回答
你好, 我们能加一个画布块吗?我尝试让编辑器总是在 <div> <canvas>。 谢谢!
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。