HTML 导入后 Tabs behaviour
问题
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 107（MacOS） 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？将标签块拖放到编辑器内容中点击顶部的“导入”按钮修改HTML内容中的某些内容（例如重命名之前创建的标签页）点击“导入” 预期的行为是什么？ 导入HTML后，标签页必须可以编辑（添加新标签并在标签间导航） 目前的行为是什么？ 标签页不再是“标签”类型，无法编辑 导入HTML之前： ![Capture d'écran 2022-11-17 à 10 50 41]（https://user-images.githubusercontent.com/8143609/202414876-63cc7578-2639-4bdc-b0f4-74e296b4deaf.png） 导入HTML后： ![Capture d'écran 2022-11-17 à 10 51 04]（https://user-images.githubusercontent.com/8143609/202414988-e885a539-27e7-4383-95ff-f415984361f7.png） 感谢你的帮助！ 行为准则 [X] 我同意遵守本项目的行为准则
回答（4）
这与核心无关，更多是关于默认不可重新导入的Tab插件。
嘿！非常感谢你的回答。 事实上，问题似乎来自于重新导入代码和商店管理器，它们没有更新代码中的JSON部分。你能帮你看看吗？还是应该在标签插件分支和/或重新导入插件分支上创建同一个工单？
这和Tab插件有关，因为一旦打印出它的HTML就无法重新导入了。你实际上可以扩展[Tab component]（https://github.com/artf/grapesjs-tabs/blob/master/src/components/Tab.js），并添加“isComponent”方法，让解析器识别组件。
谢谢你举报，@Rilvatore。 关于 HTML 导入后 Tab 行为的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））; 组件生命周期 editor.on（'component：mount'， （c） => console.l...
相关问答
通过相似的问题讨论继续研究。
问题 #4603
网页演示在Firefox上错误显示
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Firefox 105.0（64位）可复制演示链接 https://grapesjs.com/demo.html描述一下那个虫子 如何复现这个漏洞？在Firefox中打开演示页面（https://gr...
问题 #4575
AssetManagerConfig 中缺少自定义功能
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬 可复制演示链接 这是一个编译错误 描述一下那个虫子 AssetManagerConfig 中缺少属性自定义。 如果我用未分类的葡萄，它能行，但我想用它来搭配类型。有没有解决这个问题的解决办法？...
问题 #4082
从画布框中移除一些初始样式
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v96 可复制演示链接 没有演示 描述一下那个虫子 当我加载某个模板时，编辑器会添加一些初始样式，比如下面的图片，我该如何设置或移除某些样式？举个例子：我需要移除Webkit的滚动条...
问题 #4383
在编辑任何文本组件时，插入两个空白时会注入一个“.”字符
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 双击任何文本组件 把光标放在单词之间 插入2个空白 预期行为： 插入2个空白 当前行为： 插入空...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
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.
浏览插件分类
直接跳转到市场上的插件分类页面。