GrapesJS 问题

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

找到 1,399 个问题

🔍 outdated
#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({ 葡萄酱:“葡萄酱” }) ],`` 这对我很有效。

#11792018年6月6日作者 mfloressosa3 个回答
1 个反应

无法加载保存为重要样式的

嗨! 我正在尝试让所有用户设置样式都带有“!important”标志,以防止其他之前存在的类覆盖它(例如 bootstraps 的文本静音)。我觉得我几乎让它运行得很好了。然而,我在尝试重新打开之前导出的设计时遇到了问题。 我用这个#1056让所有新样式在每个属性中都添加!important。这功能正常,确实在画布和导出的CSS中都添加了。 问题出现在我尝试重新打开导出设计时。由于每个属性现在在实际样式值后面都有 !important 文本,样式管理器中的许多输入类型无法识别原始值。例如,所有组合和无线电类型的风格都显示为空的。颜色选择器显示类似“rgb(254, 13, 13) !important”的提示,但不会显示正确的选中...

artf

我已经修复了这个问题,下次版本会发布

mfloressosa

太好了!我会等这张专辑发布。 谢谢!

lock[bot]

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

#11772018年6月6日作者 FrciSmrci3 个回答
2 个反应

多个相同类别的使用

嘿,@artf, 我有个关于风格经理的问题。假设我们在HTML中有多个带有行类的元素,是否有可能在选择某个特定元素时,通过StyleManager更改的样式会被添加到程序生成的ID/类上,而不是现有的类(在这种情况下是行)? 我认为当前的实现可能有些混淆,因为用户期望他的动作会反映他所选择的具体元素,而不是所有其他元素都采用相同的样式。 提前🙂感谢大家

artf

我认为目前的实现可能有些混淆,因为用户期望他的动作会反映在他选择的具体元素上,而不是其他所有元素都采用相同的样式。 是的,我同意你的看法,目前的类实现可能太偏向技术/开发,我计划未来做类似的方法(Sketch 用 https://www.sketchapp.com/docs/styling/shared-styles/),但遗憾的是没时间实现。 顺便说一句,目前我唯一能建议的办法是把选择器(职业)设为私密,这里有个例子 https://codepen.io/artf/pen...

FrciSmrci

@artf提出的解决方案效果很好。谢谢!:)

lock[bot]

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

#11762018年6月6日作者 Abhisheknanda13444633 个回答
1 个反应

风格区块

你好@artf有没有办法为不同设备设置样式扇区?如果样式是从移动端设置的,我想在桌面端禁用样式扇区,正如你看到的截图,我在面板“视图”里添加了新按钮,我正在尝试在这个按钮里添加差异样式扇区,请帮帮我@artf。谢谢 ![截图 2018-06-06 下午2:58 29](https://user-images.githubusercontent.com/20657737/41030083-1e292c02-699b-11e8-86e7-869fe1ccbf27.png)

artf

抱歉,这方面没有内置配置,我唯一能建议的是从这个听众开始 “''js editor.on('change:device', () => { console.log(“新设备”,editor.getDevice()); }) ```

Abhisheknanda1344463

好的@artf谢谢你的建议:)

lock[bot]

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

#11752018年6月6日作者 ionic6662 个回答
1 个反应

如何修改新增模块的内容

抱歉,我为按钮创建了类型,但我不知道怎么更改按钮的内容。非常感谢!! ![qq20180606-170858](https://user-images.githubusercontent.com/36065691/41028611-64bc6e52-69ac-11e8-8f09-9a43e3a2d011.png)

FrciSmrci

嘿,@ionic666, 正如组件的[文档](https://github.com/artf/grapesjs/wiki/Components)中所说。添加新类型的组件时关闭自动渲染,声明后手动调用。 你可以在渲染函数中更改组件内容,扩展默认模型视图。有两种可能:更改模型 --> 这会影响最终的 HTML 代码更改DOM元素——>这不会影响最终的HTML代码,只会影响视图。 以上所有内容都可以在提供的GrapesJS文档中找到。 祝你有美好的一天。:)

lock[bot]

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

#11742018年6月6日作者 jerrytohvan2 个回答
0 个反应

如何更改被拖拽组件的内容?

大家好, 我现在只能创建一个自定义组件。 我目前正在构建的一个自定义模块应该显示一个模态,按钮指向一个函数,然后根据选中的按钮插入特定组件。我遇到的问题是附加div不会被渲染和存储(拖动时组件会消失)。 还有什么更好的方法?通过js函数可以更改被拖拽组件的内容吗? 谢谢你

artf

按照问题模板发布你的代码

lock[bot]

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

浏览所有主题