GrapesJS 问题

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

找到 3,464 个问题

#11592018年6月1日作者 Buubiye2 个回答
0 个反应

我该如何向grape.js添加文件导入器

我想添加一个 div,让用户可以在grape.js中添加自己的代码。这样他就能用grape.js编辑他预先做好的代码。任何帮助我都会非常感激。

artf

看看这个#324

lock[bot]

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

#11582018年6月1日作者 JulyanoF2 个回答
0 个反应

有没有办法知道上次存储了多少?

我正在使用“storeManager”中的“自动保存”选项,想知道是否有办法获取上次存储内容的时间

artf

只需利用['storage:store'](https://github.com/artf/grapesjs/wiki/API-Editor#storages)事件,自己存储它

lock[bot]

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

#11572018年6月1日作者 krunal0393 个回答
0 个反应

自定义组件中的返回区间随机

我有一个自定义组件,在 trait change 时想更新 html,但 trait change 函数里随机返回的是 span/textnode,而不是 html 元素。下面是组件生成的html,标题更改时想更新h4元素。linkModel.get(“components”).at(0) 正确返回“div.programme-description”linkModel.get(“components”).at(1) 返回“span”,不确定其来源linkModel.get(“components”).at(2) 返回“span”,不确定其来源linkModel.get(“components”).at(3) 正确返回“img.p...

artf

从你说的内容来看,我看不清具体发生了什么,但肯定没有随机生成的内容,只是要深入调试。 顺便说一句,你可以用“find(query)”方法更容易解决这个问题: “''js var title = this.get('title'); ... var h4 = this.find('h4')[0];返回一组模型 h4 & h4.set(“内容”,标题); ... ```

krunal039

@artf我尝试调试,但没成功,因为问题只发生在部分页面,而不是所有页面。还有 “这个。find”未定义 ![图片](https://user-images.githubusercontent.com/11716808/41103010-0b5bbdf4-6a60-11e8-8982-bf9d8fc29533.png)

artf

只要更新葡萄

#11562018年6月1日作者 Deepak8133 个回答
0 个反应

插件 gjs-style-gradient 未找到

你好,@artf, 我在渐变插件“Plugin gjs-style-gradient not found”中遇到了这个问题。以下代码用于纳入我们的文件: editor = grapesjs.init({ 插件:['gjs-style-gradient'], pluginsOpts: { 'GJS-style-gradient': { colorPicker:“默认”, grapickOpts: { 分钟:1, 最大:99, } }, 另外,我参考了这个问题#1116,但没找到任何解决方案。 请帮我们解决这个问题。

ssabrewolf

你需要在插件 JS 中加入,这里是可用的 Live 版本 https://jsfiddle.net/ssabrewolf/7ur0cwq3/32/

Deepak813

你好@ssabrewolf, 谢谢你的留言。 我用过同样的代码,但有时会出现同样的错误:“找不到插件 gjs-style-gradient”。请参见下面的代码: 编辑。StyleManager.addProperty('Page Settings', { 名称:“Gradient”, 属性:“背景图像”, 类型:“梯度”, 默认值:“100” }); 编辑。StyleManager.addProperty('Section Settings', { 名称:“Gradient...

ssabrewolf

要丢弃环境中的问题,只需创建一个分支,上面链接中的一个代码,并使用你用来启动的代码

#11552018年6月1日作者 grizzm02 个回答
1 个反应

自定义组件在块中用作 HTML

我已经扩展了默认图像组件 “''js 导出默认值(编辑器)=> { const domComponents = 编辑器。主导组件; const imageType = domComponents.getType('image'); domComponents.addType('image-extended', { model: imageType.model.extend({ defaults: Object.assign({}, imageType.model.prototype.defaults, { 名称:“图像扩展版”, }) }, { isComponent(el) { if (el.tagName === 'img'...

artf

'el.tagName === 'IMG'''

lock[bot]

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

#11542018年6月1日作者 alfaalex812 个回答
0 个反应

可丢弃传播

我发现了可投放传播的问题。我举个例子。我在模板里放了“3列”(jsfiddle的黄色区域),现在如果我想在其中一列里添加图片,绿色选择器就不会出现。如果我移除所有数据-gjs,系统就能正常工作 https://jsfiddle.net/7tdkjj6a/

artf

这是因为在内层框中你传播了“droppable”,而当你丢弃表时,它的“droppable”会被列到 顺便说一句,始终使用最新版本

lock[bot]

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

#11532018年6月1日作者 ssabrewolf2 个回答
1 个反应

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

嗨,葡萄团队 是否有可能创建一个快速访问的左面板侧边栏,包含最受欢迎的方块(文本、图片、两列等),这样始终可见,因为在画布上选择任何组件都会自动隐藏主右方块的面板。如果是这样,如何在这个带有按钮的新自定义左侧面板中复制原始方块的拖放行为, 例如: ![面板小声](https://user-images.githubusercontent.com/4706041/40840656-4001cf46-656d-11e8-9bda-c6619fe7c009.png) 此致

artf

请看这个示例 https://codepen.io/artf/full/MQpZPj/

lock[bot]

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

#11522018年6月1日作者 milapshah153 个回答
3 个反应

倾听画布上的任何变化

大家好, 我有一个要求,添加了一个按钮,可以将配置保存到远程数据库。现在我想听到画布中任何关于启用或禁用按钮的修改。例如,如果有任何变化,启用保存按钮让用户保存。我浏览过可用的事件,但没有发现任何能听取任何变化的(样式、组件添加/移除)。 有人能帮帮我吗?@artf 此致敬礼 米拉普

IStirton10

实际上我认为有一个活动可以达到这个目的。你能试着在“change:changesCount”上定义你的方法回调吗? 葡萄酱\src\editor\model\Editor.js:64 'this.on('change:changesCount', this.updateChanges, this);'

IStirton10

我不确定是否有专门的活动会监听画布的任何变化。也许你可以把你的方法运行在所有画布事件上? https://github.com/artf/grapesjs/blob/dev/src/editor/index.js#L53 ' ## 画布 'canvas:dragenter' - 当某物被拖入画布时,'DataTransfer'实例作为参数传递 'canvas:dragover' - 当某物在画布上拖拽时,'DataTransfer'实例作为参数传递 'canvas:drop...

milapshah15

@IStirton10 让我试试。我想这应该可行。 此致敬礼 米拉普

#11502018年5月31日作者 afaraha84033 个回答
1 个反应

以Base64获取上传

大家好, 我需要帮助把这个功能集成到我已有的一个网页应用中。 所有渲染和工作都如预期,但我正试图通过拖放方式将上传的图片变成 base64。 使用终端不是我能用的选项。 这是我手头的代码 另外,在处理外部上传功能后,我是不是只需要调用添加资源来让图片可用? 感谢任何支持......

artf

你试过这个吗? “''js 资产管理人:{ ... 上传文件:false, embedAsBase64: true, ```

afaraha8403

是的,我试过了。 但我想要的是获取base64文件,这样我就能上传到我用的plateform,然后把return链接添加到grapesjs

artf

那就用“uploadFile”,如果你不知道怎么获取文件的base64,试着复制['embedAsBase64'](https://github.com/artf/grapesjs/blob/dev/src/asset_manager/view/FileUploader.js#L241)。

#11492018年5月31日作者 ionic6662 个回答
0 个反应

更改内容<td>

嗨,兄弟。现在,表格不能改变内容。我该如何修改TD中的内容

artf

@ionic666请按照问题模板操作,我甚至不明白你问题的上下文

lock[bot]

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

浏览所有主题