GrapesJS 问题

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

找到 3,464 个问题

#8082018年1月26日作者 austinbiggs3 个回答
1 个反应

为组件掉落留出空间

正如标题提到的(可能有点让人困惑),我很好奇如何创造一个组件会掉落的空间。这在我见过的拖拽/排序实现中非常常见。(例如:https://shopify.github.io/draggable/ 和jQuery可排序) 据我了解,drop placeholder(附带中的绿色条)是单独的“图层”,实际上存在画布之外。我想实现一个更好的drop placeholder,只是不确定从哪里开始实现。 我也有类似的请求,关于DRAG占位符,不过这次我说的是DROP占位符。 接下来的代码也没有回应我预期的...... ![截图 2018-01-26 12:03 04 PM](https://user-images.githubusercont...

bogdansmadici

你好,@austinbiggs,有什么最新消息吗? 谢谢!

artf

据我理解的drop placeholder(附带绿色条),它在一个独立的“图层”中,实际上存在于画布之外。我想实现一个更好的drop placeholder,只是不确定从哪里开始实现。 完全正确,这种做法背后的原因是性能更好(减少DOM操作),而且我认为更不复杂,所以我没有理由开始开发这个功能。 如果你想自己开始,我觉得分拣器里的[onMove](https://github.com/artf/grapesjs/blob/dev/src/utils/Sorter.js#L3...

alimajed93

你好@austinbiggs, 我很感兴趣你提到的功能,有什么最新进展吗?你开始了并成功完成了吗? 谢谢。

#8072018年1月26日作者 GoodPHP3 个回答
0 个反应

倒计时更新信息求助

我用“grapesjs-component-countdown”,当我在日历里选择日期时,插件里的信息会更新。 示例:https://monosnap.com/file/sSOQJ3M4hxVRQgj008Kl302GtXu1ah 比如这样: change: function() { console.log(editor.trigger('change:startfrom')); 编辑。DomComponents.render(); } 请帮帮:)

artf

试试这个 “''js change: function() { editor.getSelected().trigger('change:startfrom') } ```

GoodPHP

不,是没用。

GoodPHP

你知道吗?

#8062018年1月26日作者 chiqui3d1 个回答
0 个反应

:额外变形方块上的箭头不起作用

你好! 正如标题所说,增加或减少画布中任何元素旋转的箭头都不起作用。 在过渡时修改颜色也没用。 所有这些都在区块管理器的额外部分 谢谢!!

lock[bot]

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

#8052018年1月26日作者 austinbiggs2 个回答
0 个反应

:第一个可用的活动是什么?

我有一个关于事件的快速问题。据我了解,“加载”是初始化葡萄时触发的第一个事件。我说得对吗? 我之所以问,是因为我正在为我的葡萄安装制作加载动画,需要在初始化过程中触发的最早事件。我看过其他事件,不确定是否有命令在“load”前触发,允许我使用“run:{commandName}”

artf

是的,“加载”事件是这种情况下用的

lock[bot]

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

#8042018年1月26日作者 sergeysova2 个回答
0 个反应

组织转型

也许可以像 https://github.com/grapesjs 那样把所有葡萄仓库都转移到自己的组织里?

Moikapy

这将帮助未来的用户找到并参与该项目。

artf

晚了五年......但事情已经完成😅了

#8022018年1月25日作者 goldengrisha3 个回答
0 个反应

资源渲染

我尝试创建一个视频缩略图,当我把它当作标签添加时,它工作正常,但当这是数组或对象时,它无法渲染。

austinbiggs

@goldengrisha - 我遇到了一个与缩略图相关的问题,因为资产管理器会直接加载缩略图的完整文件。添加资产时,我现在会传递一个“缩略图”参数并显示它。

goldengrisha

谢谢你的回答,但重点是为什么这些代码能正常工作 'assetManager.add('<video src=“http://localhost:2195/malls/78620a57-d32f-40a5-9b06-003c2338c377/SampleVideo1280x7201mb.mp4” class=“gjs-no-pointer” style=“height: 100%; width: 100%;”></video>');' 而这段代码不是: assetManage...

artf

@goldengrisha首先,你的“isType(value)”不正确 如果你在 'assetManager.add' 里传递字符串,'value' 就是那个字符串,仅仅返回它就不会说明它的类型('isType' 应该返回 'Boolean' 或 '{ 类型: 'something', ... }而且我觉得这说不通 “''js assetManager.add('<video src=“http://localhost:2195/malls/78620a57-d32f-4...

#8002018年1月25日作者 larshisken2 个回答
0 个反应

:在webpack中使用postcss-cssnext时,导入dist/css/grapes.min.css时会出错

嗨 我们在 webpack 项目中使用了 postcss-cssnext 插件。导入grapes.min.css时会出现以下错误:

ericscottmarquez

我也遇到过这个错误,试图用 React 应用 on Rails 编译带有其他文件引用的 sass 文件。你找到解决办法了吗?

lock[bot]

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

#7962018年1月25日作者 kickbk3 个回答
1 个反应

在样式元素克隆后,无法将组件拖入画布

进入任意演示,选择文本框,给它设置背景色。克隆它。然后尝试拖入另一个文本组件,但它不允许。

artf

谢谢@kickbk我现在明白了。这个问题已经在这里修复了,#779,并将在下一个版本中提供

artf

@kickbk我无法复现,但我觉得我可能做错了什么,你能提供一个截屏或动图来展示这种行为吗?(或者任何遇到同样问题的人) 谢谢

kickbk

![2018-01-25 09 44 28](https://user-images.githubusercontent.com/31323376/35403505-c4a25314-01b4-11e8-939c-12ab86614813.gif) 用的是Mac Chrome。Safari和FF也是一样。

#7952018年1月25日作者 chiqui3d3 个回答
3 个反应

Editor.getSelected() 在 run:open-assets 中

你好! 我希望在不必创建新的块按钮,也不想停止与图片关联的事件,这个“run:open-assets”能在画布中获得编辑器创建的区域,并添加我用个性化模态图片获得的图片。 我想澄清一下,当我在画布内双击图片并从图片管理器中选择该图片时,更新时是正确的,但当我从块面板添加时,它没有获得选择对象,并给我错误提示:找不到“getSelected”函数。 还有其他解决办法吗?

artf

注意[当前命令](https://github.com/artf/grapesjs/blob/dev/src/commands/view/OpenAssets.js) 你的指挥应该是这样的 “''js 编辑。Commands.add('open-assets', { run(editor, sender, opts = {}) { 比如,你可以调用自定义资产管理 someCustomeManager.open({ onImageSelect(url) { 更新所选组件 op...

artf

抱歉@chiqui3d但请尽量详细说明,因为我一点你问的都没听到。

chiqui3d

是的,@artf,你说得对,我刚更新了,希望现在大家都能理解。

#7942018年1月24日作者 JulyanoF2 个回答
0 个反应

如何在工具箱中创建自定义选项?

我想知道如何在此处创建带有自定义内容的自定义“选项”: ![图片](https://user-images.githubusercontent.com/17284704/35350873-653f77aa-0126-11e8-86ba-78f1ad836791.png)

artf

这只是默认的[面板](https://github.com/artf/grapesjs/wiki/API-Panels),有三个按钮,每个按钮触发自己的命令 [OpenStyleManager](https://github.com/artf/grapesjs/blob/dev/src/commands/view/OpenStyleManager.js) [OpenTraitManager](https://github.com/artf/grapesjs/blob/dev...

lock[bot]

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

浏览所有主题