官方的 GrapesJS 插件都无法与新index.d.ts兼容
问题
葡萄JS版本
- 我确认使用最新版本的GrapesJS
你用的是什么浏览器?
全部都没有,bug出在构建过程中
可复制演示链接
没必要
描述一下那个虫子
如何复现这个漏洞?
- 创建一个空白项目
- 使用 NPM 安装 GrapesJS 和一个插件(本例为预设网页,但对所有官方插件“有效”)
- 用“import GrapeJS from 'grapesjs”加载 GrapesJS
- 尝试使用'从'grapesjs-preset-webpage'导入插件'加载'preset-webpage';
预期的行为是什么? 项目正确构建,插件可用
目前的行为是什么? 项目未能建成,因为GrapeJS的 d.ts 发生了变化
供参考 我本可以在每个官方插件里创建这个工单,但我觉得一个工单提醒更新所有内容就足够了
行为准则
- 我同意遵守本项目的行为准则
回答(4)
我决定以 https://github.com/GrapesJS/grapesjs/issues/5149 相关为由结束此事
这其实不是同一个问题,在#5149中,bug是关于如何在工具初始化时设置插件选项。 这里的漏洞与项目最后一次更新有关,该更新定义了一个新index.d.ts,但该新代码与之前插件使用方式不兼容
在上一个版本中,'index.d.ts' 插件签名是一样的,所以我不确定你说的是什么变化 https://github.com/GrapesJS/grapesjs/blob/095466c8cc8034e54888d67beef4cb9296c823e4/index.d.ts#L50-L53
你能分享一下组装过程中的具体错误吗?
谢谢你举报,@jchautreux。 关于官方的GrapesJS插件都不支持新index.d.ts,这个问题问得很好。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('something changed')); 组件生命周期 editor.on('component:mount'...
相关问答
通过相似的问题讨论继续研究。
问题 #5175
移动方法没有按预期工作
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 铬 可复制演示链接 https://codesandbox.io/s/adoring-margulis-873kdv 描述一下那个虫子 背景 移动组件的方法没有按预期工作。 这段代码没有按预期工作...
问题 #5149
无名插件和选项
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 全部都没有,bug出在构建过程中 可复制演示链接 没必要 描述一下那个虫子 如何复现这个漏洞? 使用 NPM 安装 GrapesJS,以便在 TypeScript 项目中使用。 根据文档,要设置非...
问题 #5144
PanelManager.addPanel 的类型定义错误
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 全部 可复制演示链接 没有 描述一下那个虫子 函数定义如下:https://github.com/GrapesJS/grapesjs/blob/v0.21.1/src/panels/index.t...
问题 #4575
AssetManagerConfig 中缺少自定义功能
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 铬 可复制演示链接 这是一个编译错误 描述一下那个虫子 AssetManagerConfig 中缺少属性自定义。 如果我用未分类的葡萄,它能行,但我想用它来搭配类型。有没有解决这个问题的解决办法?...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
GrapesJS DevTools: A Developer Panel Inside Your Editor
If you've ever debugged GrapesJS with console.log(editor.getSelected()) and a dozen throwaway event listeners — this post is for you.
教程
How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services
A complete walkthrough of building a production GrapesJS editor: how to choose a preset, pick plugins, and scope setup services without burning a sprint.
教程
Big Updates: TinyMCE 8 and Placeholder 2.0 for GrapesJS
In May we shipped major updates to two of our most popular GrapesJS plugins — TinyMCE Inline Text Editor and Placeholder.
浏览插件分类
直接跳转到市场上的插件分类页面。