GrapesJS 问题

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

找到 1,399 个问题

🔍 outdated
#6512017年12月15日作者 AH1N12 个回答
0 个反应

禁用/隐藏样式管理器

我希望用户在编辑其样式之前,先提供组件的ID。为此,我需要禁用/隐藏某个组件的样式管理器,直到用户决定它。我该怎么做?

artf

你好@AH1N1你可以设置这个 “''js const sm = document.getElementById('gjs-sm-sectors'); const updateStyleManager = () => { const model = editor.getSelected(); sm.style.display = model.getAttributes()['id'] ?'block' :“无”; } 组件更换触发器 editor.on('component...

lock[bot]

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

#6502017年12月15日作者 vishal50332 个回答
1 个反应

求助:关于特质更新

你好, 我在图片标签上应用了href特性。你能告诉我当href特质被更改时触发的是哪个事件吗? 谢谢,

ryandeba

你好,@vishal5033, [component:update](https://github.com/artf/grapesjs/wiki/API-Editor#components) 事件应该在特质变化时触发,但当任何东西发生变化时也会触发。你可以通过检查传递给回调的组件对象的“更改”属性来检查具体特征(href)。也许可以这样:

lock[bot]

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

#6492017年12月15日作者 blackbirdzzz2 个回答
0 个反应

如何生成干净的CSS

你好, 我想修正我的CSS,打开导出编辑器时,我遇到了一些没用的CSS,你可以在这张图片里看到: https://www.noelshack.com/2017-50-5-1513332047-screenshot-at-dec-15-11-00-34.png https://www.noelshack.com/2017-50-5-1513332047-screenshot-at-dec-15-11-00-03.png https://www.noelshack.com/2017-50-5-1513332047-screenshot-at-dec-15-10-59-52.png 我不明白为什么会有这么多没用的CSS生成 :x 如果你...

artf

@blackbirdzzz我们已经在这里讨论过了 #307

lock[bot]

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

#6482017年12月15日作者 effectief2 个回答
0 个反应

面板可能是可移动的,但防止移动,移除子节点上的属性

你好, 我怎样才能防止搬迁,移除子孙的属性? 在这种情况下(见下方代码),用户可以移动父节点(Template2),但所有子节点不能移动。 我试过用“propagate”,但这些属性同样适用于父级。 我也需要一个专门针对儿童的房产选项。 'blockManager.add('Template2', { 标签:“模板2”, 内容:'Lorem ipsem', }); const domc = 编辑。主导组件; const defaultType = domc.getType('default'); const defaultModel = defaultType.model; const defaultView = defaultT...

artf

你好@effectief,请为孩子创建一个带有“传播”属性的包装器

lock[bot]

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

#6472017年12月15日作者 HarshOB3 个回答
0 个反应

自定义特征的值在代码中没有设置

你好, 我用的是textbox trailt,输入框里写的内容都是在代码查看器里拿出来的。 如你所见,'progress=80' ![截图来自2017-12-1512-31-55123](https://user-images.githubusercontent.com/28950214/34031006-72d88b46-e195-11e7-923c-365e6c1d2244.jpg) 但当我创建自定义特质并从下拉菜单选择值时,代码(HTML)里没有任何值。 ![截图来自2017-12-1512-32-47123](https://user-images.githubusercontent.com/28950214/340309...

artf

@HarshOB展示你是如何创建自定义特质的

HarshOB

这是代码:

artf

@HarshOB试着看看变化是否真的触发了 “''js 编辑。TraitManager.addType('customConent1', { 事件:{ “变化”:“在变化上” }, onChange() { console.log(“改变”); this.model.set('value', this.getInputEl().value); }, getInputEl: 函数 () { ... ```

#6462017年12月15日作者 tomichal2 个回答
0 个反应

被投放到图片选择器的图片会被上传两次

把资产管理器的“dropzone”选项设置为“true”(默认是“true”),大致是这样: 然后在资产管理模式(来自'GJS-Blocks-BASIC'插件)中的下放区放一张图片,然后图片会上传到后端两次。 我认为这是因为“dropzone”选项是通过将图片放到编辑器画布上来开启上传图片,所以当你把图片放到资产管理器的dropzone时,事件会从资产管理器dropzone传递到编辑画布(反过来),所以会同时触发两个上传事件,而本来应该只有一个。

artf

@tomichal没错,但“dropzone”在我们这里讨论过的 https://github.com/artf/grapesjs/releases/tag/v0.12.50 默认是被禁用的,#507

lock[bot]

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

#6452017年12月14日作者 luiz-brasil2 个回答
1 个反应

编辑器中 Buttons 的 .btn 类前缀,用“gjs-”

.btn 在 Bootstrap 以及许多主题或模板中被广泛使用。图层管理器的眼睛按钮因为使用的.btn类名称而看起来不对,正如我们在这张截图中看到的: <img width=“387” alt=“截图 2017-12-14 19 46 25” src=“https://user-images.githubusercontent.com/1320235/34016036-8b91bc18-e107-11e7-8545-c2abd4b8e071.png”>

artf

已添加前缀,将在下一个版本中提供

lock[bot]

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

#6432017年12月14日作者 tlatforlz3 个回答
3 个反应

如何隐藏视频屏蔽?

你好, 我用的是 Grapesjs 的 [Basic Extensions](https://github.com/artf/grapesjs-blocks-basic) 扩展。 我想在这个扩展里隐藏“视频屏蔽”。 我该怎么做? 谢谢。

artf

实际上,有专门的选项 “''js VAR Editor = Grapesjs.init({ ... 容器:“#gjs”, 插件: ['gjs-blocks-basic'], pluginsOpts: { 'gjs-blocks-basic': { 该加哪些块,干脆不写“视频”就好。 块:['column1', 'column2', 'column3', 'column3-7', 'text', 'link', 'image', 'map'] } } }); ```

hoainam12k

开放src/blocks.js。删除第95行->109行(第95行以'if (blocks.indexOf('video')>= 0) {'开头)打开 src/index.js,第 7 行:删除 ''video', ' 重建包。我想这会奏效的!

tlatforlz

谢谢你@artf

#6412017年12月14日作者 ajaysofto3 个回答
1 个反应

媒体查询

有没有办法在特定宽度上应用 css,比如 (max-width:767px),这样我们就能让模板响应式???

hoainam12k

是的,只需从左上角选择设备 ![装置](https://user-images.githubusercontent.com/167746/33984218-6c93aec0-e0e9-11e7-8065-af4306d6a3fa.png)换个风格。 你也可以添加自定义断点,查看 [API-Device-Manager](https://github.com/artf/grapesjs/wiki/API-Device-Manager) 页面。

ajaysofto

好的,谢谢你的留言

lock[bot]

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

#6402017年12月14日作者 ajaysofto2 个回答
0 个反应

边境问题

我们只能在四面都划边界,如果只能在底部、顶部或左边或右边划边呢?有没有什么属性需要在代码里定义?

artf

看看这个#575

lock[bot]

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

浏览所有主题