GrapesJS 问题

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

找到 3,464 个问题

#3642017年10月2日作者 cmcintosh3 个回答
4 个反应

排序 如何显示区块类别。

有没有办法在“块”标签页中设置分类的显示方式?

d3vr

作为一个(不太理想且希望是临时的)变通方法,我在编辑器完全初始化后用jQuery移动了我想移动的类别: “JavaScript setTimeout(function(){ $(“.gjs-block-categories>div:last”).prependTo(“.gjs-block-categories”); }, 1000) ```

cmcintosh

我们可以考虑简单地添加一个权重参数,就像 Drupal 这样的 CMS 一样。 我会看看代码,看看创建PR有多难。

edwardjiawei

插件应该添加排序组件吗? 之后应该可以像 '编辑。BlockManager.sort(filter)——通过标签的过滤器,BlockManager.add 中任意顺序的配置

#3632017年10月2日作者 bungambohlah2 个回答
0 个反应

如何获得子对象?

你好@artf我想问一下,比如说,如何从当前模式中获得一个孩子 “JavaScript ... initToolbar() { var model = this; ... ``` 在那个源代码里,我能不能设置像 get parent object “model.collection.parent” 这样的子对象? 谢谢,祝你有美好的一天

artf

当然 “''js model.get('components').each(child => console.log(child)) ```

lock[bot]

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

#3622017年10月2日作者 edwardjiawei3 个回答
1 个反应

如何创建自定义链接组件,提示用户输入链接/选择链接,类似于图片组件模态

图像组件具有调用 Modal 并提示用户操作的逻辑,用于设置图片 URL 的选项和配置。 ![图片](https://user-images.githubusercontent.com/23583324/31067382-2cf5a39c-a785-11e7-986c-bae9c705878f.PNG) 想做类似的链接组件来实现链接URL。 对于其他组件,比如面向业务用户的表单组件,在单一流程中拖拽和输入信息可能会很方便。 如何实现这一点,以及代码库中的相关处理程序?

artf

大家好,试着看看这个#286

daniel-farina

我也在研究这个,想熟悉代码。一旦弄明白了,我们可以让一些插件变得更强大。 如果你找到答案,请告诉我。 我们应该为它做个小手册。

edwardjiawei

听起来对我来说已经足够了。我对#286也有类似的打算

#3612017年10月1日作者 aryeharmon3 个回答
0 个反应

GetProperty Style Manager 无法工作

https://github.com/artf/grapesjs/wiki/API-Style-Manager#getproperty

artf

确认了,谢谢你的提醒

mklemersson

我在查看默认示例页面时发现扇区没有使用使用的id属性 作为函数 getProperty 的参数 ![图片](https://user-images.githubusercontent.com/4018735/31651583-a49235c8-b2f2-11e7-919f-28dabb71cd13.png) 添加属性后,我可以获得该属性,如下图所示 ![图片](https://user-images.githubusercontent.com/4018735/3165177...

artf

哎呀😅,谢谢@MichaelKlemersson我很快会更新试玩版

#3602017年10月1日作者 aryeharmon3 个回答
1 个反应

带有特定EL或类的开放编辑器

有没有办法在不按语法选择该项的情况下,打开特定标签或类别的样式编辑器?

artf

没有,但这绝对是值得补充👍的

artf

这种方法就是为了应对这种情况而设计的:['editor.StyleManager.setTarget'](https://grapesjs.com/docs/api/style_manager.html#settarget)

lock[bot]

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

#3592017年10月1日作者 pheeque1 个回答
0 个反应

远程存储加载失败时没有任何错误信息

当远程存储加载失败时,它是静默的。只能猜测问题可能出在哪里。我不得不在外部验证JSON,确认服务器返回的数据不有效。 我也可能遗漏了什么,如果除了维基教程外还有方法可以把远程数据加载到画布上,我将非常感激。

lock[bot]

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

#3582017年10月1日作者 daniel-farina3 个回答
3 个反应

从插件的脚本部分调用 updateScript

大家好, 我已经卡了几个小时,试图弄清楚如何从一个自定义插件的脚本部分调用 updateScript。 到目前为止,我已经制作了自己的插件,等它稳定后我想分享。当它连接到外部 API 并获取特定数据时,我需要刷新它。 任何帮助都非常感谢! 谢谢!

daniel-farina

@artf 谢谢你澄清。这完全说得通。 我最终做了: 在我的插件脚本里创建一个函数,根据用户与模态的交互调用。所以我现在可以在检测到用户完成API访问请求时刷新(当他点击完成按钮时)。 我还有很多东西需要添加、修复和完成,但一切都在逐渐成形! Instagram 插件预览: ![ezgif com-video-to gif](https://user-images.githubusercontent.com/13665117/31159862-1ae2ac70-a89a-1...

artf

@daniel Farina 做得太棒了,很期待看到它完成 😍

artf

你好,@daniel-farina,这可能会让很多人感到困惑,尤其是当你把“脚本”看作一个函数时。“脚本”里的所有内容完全不在 GrapesJS 的权限范围内,没有任何可访问的(模型/视图/方法),所有变换都应该在那个“脚本”里。 举个例子,一个带 js 的新自定义组件,编辑器会生成类似这样的代码: '''html ... <!-- 生成的 HTML --> <div id=“c123”>你的组件内容...</div> <script> ... 生成的JS var el =...

#3572017年9月30日作者 manjunaras3 个回答
2 个反应

通过移除右侧和顶部的所有托盘来自定义编辑器

首先感谢@artf在GrapesJS上分享的精彩内容, 我们需要定制完整的编辑器,而不是集成到我们的应用中,最重要的是它应该在以下方面对开发者友好,重复使用编辑器区域进行内容创作或编辑。完全移除CSS,并根据我们的品牌主题重新设计覆盖我们的应用程序中的 evenlistener(例如预览、撤销/重做等)(在 angularjs 前端中重新发明) @artf你是否可以满足上述提到的观点?

arthuralmeidap

你好@manjunaras, 对于CSS,GrapesJS提供了一些Sass变量,你可以覆盖和更改一些颜色。你可以在这里查看可用的sass变量:https://github.com/artf/grapesjs/blob/dev/src/styles/scss/gjsvariables.scss 从这个[API-Editor](https://github.com/artf/grapesjs/wiki/API-Editor)开始,你可以开始保存一些模板(从提交按钮) 用同一个...

artf

感谢@arthuralmeidap给出的详细概述。 @manjunaras我建议补充一点,默认面板内的按钮(其实可以隐藏)正在执行[内置命令](https://github.com/artf/grapesjs/blob/dev/src/commands/index.js#L88),比如你想用HTML代码打开模态,只需用“runCommand”: “''js editor.runCommand('export-template') ```

arthuralmeidap

你好@manjunaras, 我不@artf,但据我所知,关于GrapesJS的API介绍,你提到的所有功能都是可行的。 请看这里:https://github.com/artf/grapesjs/wiki

#3552017年9月30日作者 arthuralmeidap暂无回答
0 个反应

自定义插件不会覆盖默认命令

@artf, 直到 0.9.x 版本之前,GrapesJS 会在所有插件初始化前加载所有内部模块。 因为从0.10.2版本开始,插件初始化后会添加新的模块初始化。 你可以在这里看到:https://github.com/artf/grapesjs/blob/v0.10.2/src/grapesjs/index.js#L73 这种行为有一些副作用,比如在 grapesjs-preset-newsletter 插件中,它试图覆盖命令 'export-template',但当你在插件之后初始化模块时,这个命令又会被默认命令覆盖。

#3542017年9月30日作者 richardabear暂无回答
0 个反应

制作葡萄时的问题

“NPM跑法构建” 测试失败。来自一个全新的安装。 我移除了“npm test”,尝试在 Apache 服务器上运行 webpack 生成的分发文件。 不幸的是,UI完全坏了...... ![图片](https://user-images.githubusercontent.com/7088147/31045050-1a1dddfc-a60e-11e7-8290-182e0d5f94b2.png) 有人遇到过这种情况吗? 附言:我用的是Cloud9 IDE,不知道这有没有影响。

浏览所有主题