GrapesJS 问题

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

找到 3,464 个问题

#20882019年6月19日作者 revathitarento2 个回答
1 个反应

我能在 grapeJS 里做测验和投票问题吗

我非常喜欢 grapeJS 的功能,如果能扩展它,比如创建问答、投票、多项选择题和答案,请指导我如何开始。那会很有帮助

afdallah

我建议你从这个[https://github.com/artf/grapesjs-preset-webpage](https://github.com/artf/grapesjs-preset-webpage)开始。然后从那里开始构建组件

verdverm

所以一个重要因素是需要第三方脚本,你这种情况是这样吗?

#20872019年6月18日作者 verdverm1 个回答
0 个反应

一般性问题应在别处提出

@artf我想知道您是否有兴趣创建一个题目使用的替代论坛。大多数问题似乎都是在聊天、论坛或阅读文档中更能解答的问题...... 我的问题是它污染了仓库中的问题部分,而大多数问题都是支持或新用户提问。 你怎么看?

artf

谢谢你的建议,@verdverm说实话我也不知道,我们已经有[Discord聊天](https://discordapp.com/invite/QAbgGXq),但它更依赖社区,我在那里也不太活跃。依我看,我更喜欢只用一个渠道来沟通关于框架的问题和问题,而Github对我来说很合适

#20862019年6月18日作者 megarg1 个回答
0 个反应

在样式管理器中定义 CSS

我们能在编辑器风格管理器中定义CSS吗?主要内容:编辑器风格管理器中“状态”和“类”是什么如果我为一个元素定义自定义类。如何为该类定义CSS。我想把同一个类分配给另一个元素,所以应该有机制在类级定义CSS,而不是在元素级定义(一个类可以分配给多个元素) 此致敬礼 -阿希什

artf

它已经是这样工作的了,如果你选择一个组件和某个类,你会编辑分配给该类的CSS样式,然后你可以把它添加到其他组件中,这样就能看到相同的样式

#20852019年6月18日作者 megarg1 个回答
0 个反应

如何在悬停事件中,模态/浮动窗口出现在现有页面之上

我的目标是能够创建类似(仅举个例子)的页面。想用编辑器而不是代码来创作 https://www.progressive.com/ 我无法用 grapesjs 创建头部行,因为我无法定义模态/浮动窗口如何在悬停事件中出现在现有页面之上 此致敬礼 -阿希什

artf

首先阅读如何实现[自定义组件](https://grapesjs.com/docs/modules/Components.html)

#20842019年6月17日作者 gobanana661 个回答
0 个反应

是否可以按名称保存模板,然后提供像文件这样的模板用户列表?

我已经设置了 Firestore 存储作为远程存储,目前它能正确保存并从存储加载。不过,我希望用户能够给模板命名,并让它保存时用这个名字。然后向用户提供一份保存的模板列表,用户可以根据需要加载。这有可能做到吗?

artf

这不是编辑器内置的功能,但你完全可以自己实现

#20832019年6月17日作者 afdallah3 个回答
2 个反应

Model.get('toolbar') 总是返回 null

你好@artf 我正在尝试在不更改默认工具栏的情况下,给我的自定义组件添加一个自定义工具栏。所以我预计它会像[可移动、可复制、可移除、newToolbar]。我用这个#266作为参考。 “JavaScript 型号:{ // ... initToolbar () { const tb = this.get('toolbar') console.log(tb) // 返回空 TB.unshift({ 属性:{ 类别:“fa fa-plane” }, 命令:“某命令” }) this.set('toolbar',TB) }, // ... } ``` 但奇怪的是,'this.get('toolbar')' 总是返回 null。 这是正...

artf

“extendFn”是从你使用的演示版 https://github.com/artf/grapesjs/releases/tag/v0.14.61 添加的,使用的是0.14.57

afdallah

非常抱歉,是我的错。 感谢你的指导

artf

是的,如果你覆盖了原来的“initToolbar”方法,“toolbar”属性就永远不会被创建,所以你必须先调用父工具栏。试试这个组件创建辅助工具 “''js extendFn: ['initToolbar'], // 用于扩展的模型函数数组 型号:{ // ... initToolbar () { ```

#20822019年6月17日作者 ohmyvander1 个回答
0 个反应

组件被修改后,能否更新现有页面?

例如,一些已发布页面会使用自定义组件。当组件被修改、风格调整,或者内容属性完全更改时,我希望这些页面会被更新,并且当我预览这些页面时,它们应该会用最新的组件渲染出来。 可能吗?

artf

如果你更改的属性是存储的,显然当你加载回组件时,它的属性会放在组件定义之上。所以,唯一的解决办法就是避免存储这些属性

#20812019年6月17日作者 Amir28283 个回答
0 个反应

动态变化性质

有可能更改特质的默认选择吗?? 比如拖动视频时,我希望默认的特质选择是 YouTube,而不是 HTML5 源代码。

afdallah

如果你想把默认播放器改成 YouTube 播放器,只需在你的块定义下更改“provider”属性即可。 “JavaScript const bm = 编辑器。区块管理器 bm.add('your-video-block-name', { 标签:“视频”, 属性:{ 类别: 'fa fa-play-circle', 内容:{ 类型:“视频”, 提供者:'yt',// 这行可以解决 videoId: 'hiBXAjK3dPU', // 你甚至可以设置默认视频,把 YouTube...

Amir2828

非常感谢,这方法起了作用!

lock[bot]

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

#20802019年6月17日作者 Aamir37532 个回答
0 个反应

音频标签不可选择或编辑

如何让音频组件像其他组件(图片)一样正确工作(可选择、可编辑)。

artf

好问题,“音频”元素相当特殊,肯定需要自定义组件,可能遵循[ComponentVideo](https://github.com/artf/grapesjs/blob/dev/src/domcomponents/model/ComponentVideo.js)(及其自定义[view](https://github.com/artf/grapesjs/blob/dev/src/domcomponents/view/ComponentVideoView.js)) 当然你可以自己...

mohd7469

@artf你能给出一个简单的片段,展示一个正常工作的音频元素演示吗?因为我试着为音频元素定义自定义组件类型,但似乎不行,而且要么无法选择,要么无法编辑

#20792019年6月15日作者 froderf3 个回答
0 个反应

让CSS样式不被退还

如何防止在我们使用 'editor.getCss();' 就像 “https://grapesjs.com/docs/api/component.html#tohtml” 但应该是自定义组件内的 TOCSS

froderf

artf

该组件有 'getStyle' 方法,可以返回类似 '{ color: 'red'}'' 的对象。如果返回对象是空的,代码中不会创建规则,但画布中会应用同样规则,所以你看不到样式。 你可以创建一个自定义组件,比如这样: “''js domc.addType('no-css-in-code', { 型号:{ ... getStyle() { 如果(exportingCode) { 返回 {} } 否则 { return defaultModel.prototype.getSt...

froderf

@artf你提供的“getStyle()”解决方案只能应用于 如果该组件有一个“isNewComponent”类,并且其样式为 当我们调用 editor.getCss() 时,编辑器可以不包含上述风格(带类);

浏览所有主题