GrapesJS 问题

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

找到 3,464 个问题

#21102019年7月1日作者 adamwpe1 个回答
0 个反应

在init()中删除DomComponent。

我需要将某些dom组件限制在一个,因为这会在页面发布时引发问题——但我似乎找不到在组件自身init()内删除该组件的方法。 有没有更好的方法?因为在角色尚未完全创建之前删除似乎不健康。 谢谢

artf

将此类逻辑迁移到父组件是合理的

#21092019年7月1日作者 inventorbit3 个回答
1 个反应

顺风灵活课程不起作用

感谢你提供了这个出色的框架并将其开源。 我想用 GrapesJS 搭配 Tailwind,不幸的是 grapesjs 在选择器里把“/”替换成了“-”。有没有可能覆盖这个设置? 当我尝试在Canvas中拖放响应式列时 它将它们替换为: 我该如何解决这个问题?请帮帮我。

artf

#1703 等待救援 😬

gavinhewitt

感谢你提供了这个令人惊叹的框架并将其开源。我想用 GrapesJS 搭配 Tailwind,不幸的是 grapesjs 在选择器里把“/”替换成了“-”。有没有可能覆盖这个设置?当我尝试在Canvas中拖放响应式列时 它将这些模板替换为: 我该如何解决这个问题?请帮帮我。 你在让葡萄与Tailwind @inventorbit合作方面进展如何?很想看看!

chrisreedtech

你在让葡萄与Tailwind @inventorbit合作方面进展如何?很想看看! @artf,我也很好奇这方面有没有进展,或者有没有可用的解决办法? 感谢你花时间培育葡萄!

#21072019年6月29日作者 alikabeer321 个回答
0 个反应

背景图像和渐变不兼容

自从我开始使用渐变插件后,背景图片呈现如下形式: 背景-图像:-webkit-线性-梯度(path/to/image.png); 我该怎么办?

artf

已经有一个关于渐变插件 #2068 的问题

#21062019年6月29日作者 alialrabi3 个回答
0 个反应

当我更新葡萄版本时,特征不会在编辑模式中显示

你好,artf, 我为特定组件创建特征,当我将这个组件保存为 JSON 并在编辑器中重新加载时,特征加载正确,没有生成物;当我更新 GrapesJS 版本时,特征只在第一次出现,重新加载组件时默认特征存在,我该如何重新加载特征,并显示在编辑模式?

artf

@alialrabi 你如何定义性状?是用内嵌方块还是自定义组件?

alialrabi

@artf我也在自定义组件里创建过类似的特征 domComps.addType('assetType', { model: dModel.extend( { init() { this.listenTo(this, 'change:type', this.doStuff); }, doStuff() { }, defaults: Object.assign({}, dModel.prototype.defaults, { 特质:[ { 名称:“按钮”, 标签:“添加”, 类...

artf

@alialrabi你用“assetType”这个名字定义了组件,但在isComponent里的类型是“asset”,

#21052019年6月28日作者 wldyslw1 个回答
0 个反应

错误的边界半径控制

更改“边界-底部-左半径”道具会改变右下半径,反之亦然。 繁殖:前往 https://jsfiddle.net/szLp8h4n添加,例如任意图像尝试在装饰部分更改“border-bottom-left-radius”道具 尝试配置也没什么帮助,最好的配置能解决命名问题,但重排序控件本身会被重新排序。所以,配置大致是: ...结果如下: ![图片](https://user-images.githubusercontent.com/13451336/60348936-36e58b00-99c9-11e9-88f8-cd761d8316e4.png) (注意底部半径控制顺序调整)

artf

没错,当前默认顺序是错误的,但由于“复合”类型遵循CSS的“border-radius”属性的顺序,结果会和你实现的完全一样。如果你需要更改复合属性的排序,我建议添加这个CSS风格 “''CSS .gjs-sm-property__border-右下半径 { 顺序:1; } ```

#21042019年6月28日作者 georgikolev71 个回答
0 个反应

加载模板的正确格式

嘿, 我在寻找由 GrapesJS 生成的正确模板加载方式,但什么都加载不了。 有人能帮忙检查一下吗?格式可能不合适。 https://api.myjson.com/bins/14o5yz 没有错误信息,只有空的编辑器。 数据以以下代码保存在数据库中 这些列的类型是文本。 这是我的代码

georgikolev7

问题是保存时“gjs-components”内存在JSON数据中无效,导致加载中断。

#21032019年6月27日作者 imanubhardwaj3 个回答
1 个反应

自定义组件拖拽问题

这是我创建自定义组件的方式: 这是我自定义的方块: 问题是,当<a>图像渲染到画布时,我把图片标签包裹在标签里面。当我点击元素并尝试拖动时,只有<img>标签被拖动并<a>保持在原位。 [现场演示](https://screencast-o-matic.com/watch/cq1t22TRoF)

artf

用这个 “''js 浏览量:{ 拖拉启动:“noDrag” }

artf

嗯,我看到两种不同的解决方案:简单快捷,让“自定义视频”组件不可拖动,所以你必须拖动父组件才能移动它。小缺点更多来自用户体验,你会强制用户选择父功能。更坚固的溶液。把“<a>''元素本身做成自定义组件,比如”custom-video-wrapper“,默认应该包含”custom-video“组件 “''js comps.addType('custom-video-wrapper', { 型号:{ 默认值:{ 标签名称:“a”, 组件: { // 这里定义默认组件 类型:“自...

imanubhardwaj

谢谢@artf,但现在出现了一个新问题,当我在画布上拖动自定义视频包装组件时,自定义视频并没有被拖拽,只有<a>标签被拖动。 [现场演示](https://screencast-o-matic.com/watch/cqifXnO1w6)

#21022019年6月27日作者 Amir28281 个回答
0 个反应

观点问题

大家好, 这次我的问题是,我添加了一个包含图片库的新视图,我想让它像其他视图一样运作。 具体来说:点击时切换为“激活”,并在激活时显示内容。当其他视图处于激活状态时,隐藏我的浏览内容,并将按钮 CSS 改为非激活。 到目前为止,我尝试通过获取物品并使用addClass或Js选择器手动添加类别,但只能用半秒钟,然后因为未定义而崩溃。 任何帮助我都会感激。

Amir2828

我不知道有没有合适的方法。 我最终通过普通JS实现了这种行为。

#21012019年6月26日作者 prabha-9123 个回答
1 个反应

已选内容 父标签 删除

https://github.com/artf/grapesjs/issues/906#issuecomment-381403858 我需要从 editor.getSelected() 中移除 HTML 内容。现在我用的是, 虽然我使用 selectedContent.set('content', ''); 但它会移除所有内部的 html。但没有移除父标签。例如, 之前:'<h2 id=“it4a”><p>示例更新检查完成</p></h2>' 之后:'<h2 id=“it4a”></h2>' 设置组件后,就像“<h2 id=”it4a“>NEW HTML</h2>”。如何在将 innerHTML 设置为空的情况下移除父标签? 请教...

afdallah

你看过@artf的[#1077](https://github.com/artf/grapesjs/issues/1077#issuecomment-386444814)回答吗? 我觉得这很适合你的情况。 “JavaScript const component = editor.getSelected(); const coll = component.collection; const at = coll.indexOf(component); coll.remove(c...

prabha-912

是的,我试过@afdallah,它返回的是未定义的index。让我再试一次。谢谢你的回复:)

prabha-912

你好@afdallah @artf我尝试了上面的概念。第一次用时效果很好。我尝试第二次更新,但没成功。 ![索引](https://user-images.githubusercontent.com/45986663/60251831-e7c72980-98e6-11e9-945d-f5f536c04507.png)

#21002019年6月26日作者 fmr4111 个回答
0 个反应

更改职业风格(如颜色:白色变为颜色:红色)

能否在特质中更改职业样式(比如颜色:白色变为颜色:红色),我创建一个新类型,我想在onChange事件中更改样式。我试过用 setcustomparsercss,但没用,谢谢 ![Screenshot_8](https://user-images.githubusercontent.com/15244481/60148286-abb69a80-97fa-11e9-9d22-7ad939a2d30c.png)

artf

我想你在找这个:https://grapesjs.com/docs/api/css_composer.html#setrule 例如,“编辑。CssComposer.setRule('.my-class', { color: 'red' });'

浏览所有主题