在init()中删除DomComponent。
我需要将某些dom组件限制在一个,因为这会在页面发布时引发问题——但我似乎找不到在组件自身init()内删除该组件的方法。 有没有更好的方法?因为在角色尚未完全创建之前删除似乎不健康。 谢谢
artf
将此类逻辑迁移到父组件是合理的
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 3,464 个问题
我需要将某些dom组件限制在一个,因为这会在页面发布时引发问题——但我似乎找不到在组件自身init()内删除该组件的方法。 有没有更好的方法?因为在角色尚未完全创建之前删除似乎不健康。 谢谢
artf
将此类逻辑迁移到父组件是合理的
感谢你提供了这个出色的框架并将其开源。 我想用 GrapesJS 搭配 Tailwind,不幸的是 grapesjs 在选择器里把“/”替换成了“-”。有没有可能覆盖这个设置? 当我尝试在Canvas中拖放响应式列时 它将它们替换为: 我该如何解决这个问题?请帮帮我。
artf
#1703 等待救援 😬
gavinhewitt
感谢你提供了这个令人惊叹的框架并将其开源。我想用 GrapesJS 搭配 Tailwind,不幸的是 grapesjs 在选择器里把“/”替换成了“-”。有没有可能覆盖这个设置?当我尝试在Canvas中拖放响应式列时 它将这些模板替换为: 我该如何解决这个问题?请帮帮我。 你在让葡萄与Tailwind @inventorbit合作方面进展如何?很想看看!
chrisreedtech
你在让葡萄与Tailwind @inventorbit合作方面进展如何?很想看看! @artf,我也很好奇这方面有没有进展,或者有没有可用的解决办法? 感谢你花时间培育葡萄!
自从我开始使用渐变插件后,背景图片呈现如下形式: 背景-图像:-webkit-线性-梯度(path/to/image.png); 我该怎么办?
artf
已经有一个关于渐变插件 #2068 的问题
你好,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”,
更改“边界-底部-左半径”道具会改变右下半径,反之亦然。 繁殖:前往 https://jsfiddle.net/szLp8h4n添加,例如任意图像尝试在装饰部分更改“border-bottom-left-radius”道具 尝试配置也没什么帮助,最好的配置能解决命名问题,但重排序控件本身会被重新排序。所以,配置大致是: ...结果如下:  (注意底部半径控制顺序调整)
artf
没错,当前默认顺序是错误的,但由于“复合”类型遵循CSS的“border-radius”属性的顺序,结果会和你实现的完全一样。如果你需要更改复合属性的排序,我建议添加这个CSS风格 “''CSS .gjs-sm-property__border-右下半径 { 顺序:1; } ```
嘿, 我在寻找由 GrapesJS 生成的正确模板加载方式,但什么都加载不了。 有人能帮忙检查一下吗?格式可能不合适。 https://api.myjson.com/bins/14o5yz 没有错误信息,只有空的编辑器。 数据以以下代码保存在数据库中 这些列的类型是文本。 这是我的代码
georgikolev7
问题是保存时“gjs-components”内存在JSON数据中无效,导致加载中断。
这是我创建自定义组件的方式: 这是我自定义的方块: 问题是,当<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)
大家好, 这次我的问题是,我添加了一个包含图片库的新视图,我想让它像其他视图一样运作。 具体来说:点击时切换为“激活”,并在激活时显示内容。当其他视图处于激活状态时,隐藏我的浏览内容,并将按钮 CSS 改为非激活。 到目前为止,我尝试通过获取物品并使用addClass或Js选择器手动添加类别,但只能用半秒钟,然后因为未定义而崩溃。 任何帮助我都会感激。
Amir2828
我不知道有没有合适的方法。 我最终通过普通JS实现了这种行为。
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我尝试了上面的概念。第一次用时效果很好。我尝试第二次更新,但没成功。 
能否在特质中更改职业样式(比如颜色:白色变为颜色:红色),我创建一个新类型,我想在onChange事件中更改样式。我试过用 setcustomparsercss,但没用,谢谢 
artf
我想你在找这个:https://grapesjs.com/docs/api/css_composer.html#setrule 例如,“编辑。CssComposer.setRule('.my-class', { color: 'red' });'