我能在 grapeJS 里做测验和投票问题吗
我非常喜欢 grapeJS 的功能,如果能扩展它,比如创建问答、投票、多项选择题和答案,请指导我如何开始。那会很有帮助
afdallah
我建议你从这个[https://github.com/artf/grapesjs-preset-webpage](https://github.com/artf/grapesjs-preset-webpage)开始。然后从那里开始构建组件
verdverm
所以一个重要因素是需要第三方脚本,你这种情况是这样吗?
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 3,464 个问题
我非常喜欢 grapeJS 的功能,如果能扩展它,比如创建问答、投票、多项选择题和答案,请指导我如何开始。那会很有帮助
afdallah
我建议你从这个[https://github.com/artf/grapesjs-preset-webpage](https://github.com/artf/grapesjs-preset-webpage)开始。然后从那里开始构建组件
verdverm
所以一个重要因素是需要第三方脚本,你这种情况是这样吗?
@artf我想知道您是否有兴趣创建一个题目使用的替代论坛。大多数问题似乎都是在聊天、论坛或阅读文档中更能解答的问题...... 我的问题是它污染了仓库中的问题部分,而大多数问题都是支持或新用户提问。 你怎么看?
artf
谢谢你的建议,@verdverm说实话我也不知道,我们已经有[Discord聊天](https://discordapp.com/invite/QAbgGXq),但它更依赖社区,我在那里也不太活跃。依我看,我更喜欢只用一个渠道来沟通关于框架的问题和问题,而Github对我来说很合适
我们能在编辑器风格管理器中定义CSS吗?主要内容:编辑器风格管理器中“状态”和“类”是什么如果我为一个元素定义自定义类。如何为该类定义CSS。我想把同一个类分配给另一个元素,所以应该有机制在类级定义CSS,而不是在元素级定义(一个类可以分配给多个元素) 此致敬礼 -阿希什
artf
它已经是这样工作的了,如果你选择一个组件和某个类,你会编辑分配给该类的CSS样式,然后你可以把它添加到其他组件中,这样就能看到相同的样式
我的目标是能够创建类似(仅举个例子)的页面。想用编辑器而不是代码来创作 https://www.progressive.com/ 我无法用 grapesjs 创建头部行,因为我无法定义模态/浮动窗口如何在悬停事件中出现在现有页面之上 此致敬礼 -阿希什
artf
首先阅读如何实现[自定义组件](https://grapesjs.com/docs/modules/Components.html)
我已经设置了 Firestore 存储作为远程存储,目前它能正确保存并从存储加载。不过,我希望用户能够给模板命名,并让它保存时用这个名字。然后向用户提供一份保存的模板列表,用户可以根据需要加载。这有可能做到吗?
artf
这不是编辑器内置的功能,但你完全可以自己实现
你好@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 () { ```
例如,一些已发布页面会使用自定义组件。当组件被修改、风格调整,或者内容属性完全更改时,我希望这些页面会被更新,并且当我预览这些页面时,它们应该会用最新的组件渲染出来。 可能吗?
artf
如果你更改的属性是存储的,显然当你加载回组件时,它的属性会放在组件定义之上。所以,唯一的解决办法就是避免存储这些属性
有可能更改特质的默认选择吗?? 比如拖动视频时,我希望默认的特质选择是 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]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
如何让音频组件像其他组件(图片)一样正确工作(可选择、可编辑)。
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你能给出一个简单的片段,展示一个正常工作的音频元素演示吗?因为我试着为音频元素定义自定义组件类型,但似乎不行,而且要么无法选择,要么无法编辑
如何防止在我们使用 '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() 时,编辑器可以不包含上述风格(带类);