GrapesJS 问题

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

找到 3,464 个问题

#11172018年5月16日作者 UmairAfzalUAT3 个回答
2 个反应

外部元素可以在画布中拖放吗?

你好,Artf 其实没有问题。我们用葡萄的用法不同。我们没有使用Grapesjs的头部和侧边栏,我们是在执行它的功能,购买自己的触发器,比如撤销、重做、预览等。有没有办法添加我自己的组件面板,包含标题、图片、图库、视频、矢量、形状等,并在GrapesJs画布中拖放自己的元素? ![网站建设者](https://user-images.githubusercontent.com/38519246/40122405-2b888ed8-593d-11e8-8935-6e71df33a375.png)

UmairAfzalUAT

我正在做相对和绝对,完成后会告诉你。

artf

你好,Umar, GrapesJS 支持原生 HTML5 拖放,因此你可以随意投放任何可拖拽的资源(不仅仅是在浏览器里) ![HTML5-dnd](https://user-images.githubusercontent.com/11614725/40207066-e5d80c3c-5a32-11e8-8f36-6e380b0aad11.gif) 你还可以通过使用 ['canvas:*'](https://github.com/artf/grapesjs/wiki/API...

UmairAfzalUAT

你好,Artf, 谢谢你的帮助,我也用同样的方式拖放了。你已经做得很好了(Y)。 顺便问一下,设计师模式有没有?

#11162018年5月15日作者 perfect-coders3 个回答
0 个反应

属性梯度不起作用

你好,@artf。 我用过GrapesJS Style Gradient插件,也按照建议做了同样的操作。但它并没有在设置里形成渐变。我就是这样付出的 { 名称:“Gradient”, 属性:“背景图像”, 类型:“梯度”, 默认值:“无” } 另外,当我通过Grapes方法添加“artf/grapesjs-style-gradient”插件时,就像这样 插件:['gjs-style-gradient'], pluginsOpts: { 'GJS-style-gradient': { colorPicker:“默认”, grapickOpts: { 分钟:1, 最大:99, } }, 它显示错误 :- 插件 gjs-style-gr...

artf

插件 gjs-style-gradient 未找到 你确定导入正确吗?

perfect-coders

梯度性质就是这样产生的。 ![截图,2018-05-18 19 22 10](https://user-images.githubusercontent.com/31913865/40238500-f81eb46a-5ad0-11e8-94c3-c5730ad7634b.png) 这就是我现在的状态 / 页面设置 / { 名称:“页面设置”, 开放:正确, buildProps : ['背景-颜色','背景','背景-重复','背景-大小','背景-位置','背景-附件']...

artf

你的小提琴不工作(你没正确设置),顺便说一句[这是演示版](https://codepen.io/artf/pen/bYwdQG),它用的是最新版本,运行正常

#11152018年5月15日作者 Lethrir2 个回答
1 个反应

核心:canvas-clear 移除了 CSS Composer 样式

我用的是分配给按钮的 core:canvas-clear 命令,但当按下这个时,通过 CSS Composer 设置的样式也会被移除。 葡萄版:0.14.15 浏览器:Chrome 66.0.3359.139(官方版本)(64位) 我已经设置了一个脚本来重现这个 https://jsfiddle.net/pzacf7zg/ 繁殖步骤: 把“Foo Block”拖到画布上 观察者,该区块的样式 点击垃圾桶图标以清空画布 把新的“Foo Block”拖到画布上 请注意,这次没有使用这种造型 刷新页面 注意之前未样式化的元素变成了样式

artf

你好,@Lethrir如你所见,[这是命令](https://github.com/artf/grapesjs/blob/dev/src/commands/index.js#L207-L210),这个行为完全是故意为之。这也显示了命令有多荒谬,所以你可以通过[Commands API](https://github.com/artf/grapesjs/wiki/API-Commands)创建自己的命令。 “''js 编辑。Commands.add('clear-html',...

lock[bot]

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

#11142018年5月15日作者 Lethrir2 个回答
0 个反应

自定义HTML输出在重新加载时无法触发

我正在使用自定义组件的 toHTML 和 isComponent 属性,以实现自定义 HTML 输出。当元素首次放置在画布上时,这似乎有效,但页面刷新时元素仍然存在,却不返回自定义 HTML。 葡萄版:0.14.15 浏览器:Chrome 66.0.3359.139(官方版本)(64位) 我整理了以下示例,重现了这个问题:https://jsfiddle.net/zbL1ehz2/ 繁殖步骤: 把“Foo Block”拖到画布上 点击“查看代码”按钮 输出将是“FOO”,这是预期结果 刷新页面——Canvas 应该会重新加载,Foo Block已经插入 点击“查看代码”按钮 输出为 这并非预期结果

artf

你应该把自定义组件放进插件里,这样就能正常工作

lock[bot]

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

#11132018年5月14日作者 trinhbalinh3 个回答
1 个反应

新的特质类型在渲染组件上无法工作?

你好,感谢你提供的精彩框架。我正试图把这个应用到我的项目中。 我想为现有的LINK“'组件添加一个新特性<a>。我按照这些文件操作,差点得到我预期的答案: https://github.com/artf/grapesjs/wiki/Traits#define-new-trait-type 以及: https://github.com/artf/grapesjs/wiki/Components#update-component-type 现在我把新特性添加到了LINK组件,但组件只能从方块面板拖放。渲染后的链接没有这个新特性。我能让这个新特性应用到所有组件(包括渲染的)吗?非常感谢 这是我目前尝试过的方法:https://jsfid...

artf

只要把你的更改写进插件里就行了 https://jsfiddle.net/on1g5xqb/

trinhbalinh

谢谢,成功了!

lock[bot]

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

#11122018年5月14日作者 IceCrystal0k2 个回答
0 个反应

如何添加新事件以进行素材图片

你好, 有没有办法在AssetImageView中添加一个新事件,比如“onRemove”? 我覆盖了资产管理器 ->AssetsView 中的 addAsset 函数,显示新图标并添加新事件,但新事件没有触发。 我看过其他期刊,发现可以覆盖开放资产,但其实不太需要,因为它能满足我大部分需求。 这是我使用的代码:[code](https://pastebin.com/jqaEW5QU)

artf

使用 [Assets API](https://github.com/artf/grapesjs/wiki/Assets#extend-asset-types)

lock[bot]

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

#11112018年5月14日作者 Deepak8132 个回答
0 个反应

如何在拖动元素时添加父类

你好,@artf, 希望你一切安好。 请告诉我们,当新元素被拖入 div 时,如何添加 div 的父类,比如我想在 h1 元素被拖入列元素时添加“empty_cell”类:

artf

请查看[这里](https://github.com/artf/grapesjs/blob/dev/src/dom_components/model/Component.js)以获取Components上所有可用的方法

lock[bot]

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

#11102018年5月14日作者 momu-smartcoach2 个回答
0 个反应

用VSCocode调试——文档未定义

我用 vscode 调试代码,按照 Course(https://medium.com/@drcallaway/debugging-es6-in-visual-studio-code-4444db797954) 操作,但报告错误 ' var doc = document, win = window, ArrayProto = Array.prototype, slice = ArrayProto.slice, filter = ArrayProto.filter, push = ArrayProto.push; ^ ReferenceError:文档未定义 在 /Users/smartcoach/grapesjs/nodemodu...

xr0master

在服务器端调试浏览器客户端代码?直接用浏览器开发模式就行。

lock[bot]

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

#11092018年5月14日作者 FrciSmrci3 个回答
1 个反应

画布中不可丢弃的柱块

早上好@artf :) 我遇到的问题和[这个问题](https://github.com/artf/grapesjs/issues/297)。 我无法在Canvas的列块里放任何方块(文本、图片等)。当我尝试把它放到图层里时,它正常工作,这里有一个[简短详细的屏幕录制](https://drive.google.com/open?id=1w_k97fkvK6OwWHYeCLBjJcwR0857ONLr),显示问题的可见HTML结构。你知道怎么解决这个问题吗? 提前感谢大家。

FrciSmrci

嘿,@artf, 今天弄明白了发生了什么,但欣喜若狂忘了关闭这期。😄 GrapesJS 和 Bootstrap 的类发生了冲突,我花了一些时间才意识到这一点,因为在分层尝试时它确实有效。 基本方块里的stylePrefix选项做得很棒,解决了我的问题。我在想,也许默认用像 gjs- 这样的键会是个好主意。你怎么看? 祝你有美好的一天!

artf

你好@FrciSmrci说实话,我不明白发生了什么,也无法用当前的演示重现。你是不是用什么方式定制了那些积木?你是从哪个预设/插件里获得的?你能通过jsfiddle复现吗?你的葡萄版本?

artf

我在想,也许默认用像 gjs- 这样的键会是个好主意。你怎么看? 是的,这大概能避免像这样😬,PR值得欢迎:)

#11082018年5月14日作者 sai-kishore2 个回答
0 个反应

Grapesjs 未定义——已通过 npm 添加到 vue 应用中。我是不是漏掉了什么?

警告 请阅读并遵循接下来的五个步骤,然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md仅将GitHub Issues用于BUG、功能请求或问题。在问题标题前加上上下文,例如:“[虫子]:.......'先快速搜索一下,看看有没有人没开同样的问题不要要求为你创建示例或代码,先阅读文档和API,然后你可以发布你尝试过的(我们希望看到你的代码)以及你无法实现的所有相关陈述/问题都必须填写/回答,否则问题可能已结束你正在提交一个漏洞你用的是最新版本吗(旧版本不支持)?如果不确定,在控制台输入“grapesjs.version”并按回...

FrciSmrci

嘿,@sai-kishore, 这里有一个已解决的[问题](https://github.com/artf/grapesjs/issues/275),讨论如何在Vue项目中使用葡萄。希望对你有帮助。 祝你有美好的一天。

lock[bot]

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

浏览所有主题