GrapesJS 问题

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

找到 3,464 个问题

#11912018年6月11日作者 ionic6662 个回答
0 个反应

有没有办法计算分量的数量

我想移除第二个起点的组件,所以我需要进行穿越。 domc.getComponents() 正在获取所有内容。我只是想获取一些具体的,比如所有按钮

artf

你可以在任何组件使用“find()”方法,所以要获取画布上的所有按钮组件,你可以这样做 “''js domc.getWrapper().find('button.some-class');返回一个分量数组 ```

lock[bot]

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

#11902018年6月11日作者 YairHadari2 个回答
0 个反应

GrapesJS 索引DB

除了 https://github.com/artf/grapesjs-indexeddb 之外,有没有什么实际的示例或文档来实现GrapesJS和IndexedDB?

artf

我觉得[usage](https://github.com/artf/grapesjs-indexeddb#usage)的例子就是你需要知道的全部

lock[bot]

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

#11882018年6月10日作者 ssabrewolf2 个回答
0 个反应

创建极简主义面板 左侧边栏 II

大家好,葡萄团队 关于#1153上的回答,我在这里发帖是因为不确定已关闭的问题是否仍然可见: @artf提供的信息,我查看 https://codepen.io/artf/full/MQpZPj/ 了这里提供的示例,但它隐藏了所有其他元素,我想保留复杂的高级元素,同时添加一个替代的快速访问、始终可见的面板,里面有最受欢迎的按钮,如果需要复杂且少用的组件(比如 Flexbox),仍然可以在“右面板”上选择, 有没有办法在左侧面板中重现一些常见组件,同时保持其他部件正常工作? 此致

artf

@ssabrewolf仔细检查JS代码,我只是用另一个集合重新渲染块,如果不这样做,你会看到所有块

lock[bot]

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

#11872018年6月9日作者 endersaka3 个回答
0 个反应

:为什么虚线不会在组件周围显示?

很久没试了,我又试了用GrapesJS。 我正在跟着“入门指南”页面操作,但卡在这一步 https://github.com/artf/grapesjs/wiki#components 事实上,我正按照教程里的说明,用虚线“高亮”按“眼睛”按钮,但没用。 GrapesJS 版本是 0.14.17。我用的是Mac OS X。我在Safari和Chrome上都测试过。网页演示是正常运行的。 实际上,当我按下“眼睛”按钮时,组件的CSS会被更改(如附图所示),但修改在画布中看不到。 以下是index.html的代码: main.css ![screeshot 2018-06-09 alle 01 19 37](https://user-...

ssabrewolf

要显示虚线,你需要在编辑器中运行 load event editor.runCommand('sw-visibility');

endersaka

谢谢。 也许我记不太清了,但我几乎可以肯定文档教程里没有详细说明。

artf

我觉得这只是因为你需要为文档标明高度 “''CSS html, 正体 { 身高:100%; } ```

#11862018年6月8日作者 Chilli-B2 个回答
0 个反应

数字特征返回为“未定义”

你好,这要么是bug,要么是个问题,我还不确定。我定义了一个新组件,除了其他组件外,还有一个数字特征,正如下面的代码所示。不幸的是,当自动调整随特质出现的箭头上的数字时,它经常会切换到“未定义”状态。 我是不是漏掉了什么,还是这是个bug? domComps.addType('socialbar', { model: dModel.extend({ defaults: Object.assign({}, dModel.prototype.defaults, { show分享:1, 体型:32, 半径:“4”, 可掉落:!1, 特质:[ { 标签:“Show Shares”, 类型:“复选框”, 名称:“showShares”, 变...

artf

遇到这种情况我需要现场演示,因为你可能用的是旧版本。顺便说一句,我没能复现这个问题,所以可能也修复了。如果不是,请打开另一个期刊,附上现场演示链接和具体复现步骤

lock[bot]

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

#11842018年6月8日作者 ionic6662 个回答
0 个反应

画布上只放一个按钮可能吗?

嗨,兄弟。我想实现画布中只有一个按钮。当我拖动第二个按钮时,它不会正确放置,或者按钮被禁用。 ![qq20180608-143259](https://user-images.githubusercontent.com/36065691/41142638-df6c96ea-6b28-11e8-9ce7-ea3ef56808ff.png)

artf

你只是缺少当前拖拽模型的检查

lock[bot]

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

#11832018年6月7日作者 syncubecommerce3 个回答
1 个反应

Grapesjs 插件在 React SPA 中第二次加载时无法加载

你好, 我正在尝试给我的 React SPA 添加一个 grapesjs 编辑器。我是这样初始化编辑器的: 配置变量的配置如下: 第一次一切都很正常。当我切换到单页应用的另一个页面并返回时——插件没有加载。 我尝试删除 componentWillUnmount() 中的编辑器实例,但没用。 我试图找到解决方案,但没有成功。也许我需要在componentWillUnmount()里摧毁编辑器? 感谢你的帮助。

artf

'editor.destroy()' 方法可从 https://github.com/artf/grapesjs/releases/tag/v0.14.20 获得

fernandoagarcia

我也遇到了类似的问题。不过我用的是VueJs。当我离开页面再回到页面时,编辑器会再次运行插件。这会导致编辑器在使用设备预览调整大小前无法使用,但如果我把一个块拖到画布里,它会掉落两次......一个在我掉落的地方,另一个在底部。

fernandoagarcia

@artf 是的,这完美地起到了作用,谢谢!

#11822018年6月7日作者 ionic6662 个回答
0 个反应

我该如何添加自定义类

你好,我可以添加这样的自定义ID。 ![qq20180607-172838](https://user-images.githubusercontent.com/36065691/41091036-3bdd8d50-6a78-11e8-8841-6da1adc082c5.png) 我以为是 model.set('attributes', { class: 'aa')}),但它不行

artf

我已经在这里回答过了 #1171 使用“setAttributes”

lock[bot]

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

#11812018年6月7日作者 YairHadari2 个回答
0 个反应

处理大图像

你好, 我的终端用户正在尝试加载一个非常大的图像。 当我处理本地存储时,我已经达到了本地存储容量的限制;而当我使用远程存储时,我会达到PHP的帖子大小限制。 有没有内置的解决方案可以在保存到远程时减少图像大小或通过 get 传递数据? 提前感谢, 亚伊尔

artf

本地存储方面可以查 https://github.com/artf/grapesjs-indexeddb 至于PHP,显然取决于你自己

lock[bot]

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

#11802018年6月7日作者 roboman-sil3 个回答
3 个反应

用GrapeJS反应

您好,我搜索过,但没找到具体的解决方案。目前,我正在尝试将我的React应用与GrapeJS集成。 'import React, { Component } from 'react'; import './GrapesSrc/grapes.min.js'; 从“grapejs”导入GrapesIndex; class GrapesEditor 扩展组件 { Constructor(props){ super(道具); } shouldComponentUpdate(){ 返回 false } componentDidMount(){ const editor = Grapesjs.init({ 容器:“#gjs”, compone...

artf

@sakshigarg9通过npm添加'grapesjs',然后在你的代码里用'import grapesjs from 'grapesjs',这样就能工作,无需更新webpack配置

thanhpd56

@Silavin 你成功整合Grape和React了吗?

cjpollard

如果你用webpack来构建React应用,可以把它作为插件包含。 它会从node_modules拉出来。 ''plugins: [ 新的webpack。ProvidePlugin({ 葡萄酱:“葡萄酱” }) ],`` 这对我很有效。

浏览所有主题