页面管理器
问题
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome 最新版本可复制演示链接 暂时没有描述一下那个虫子 如何复现这个漏洞?创建包含Pages API函数的页面管理器测试select函数(如果你脑子里有东西,它会消失;如果你重新添加那个代码,它不会生效)测试加法函数 你只能运行一次 预期的行为是什么? 选择不要破坏画布上的一切 添加以增加多页 目前的行为是什么? Select会破坏设备管理器,无法运行重新添加的代码 添加,即使多次呼叫,也只能跑一次 如果需要执行某些代码以重现该漏洞,请将其粘贴到下面: 选择函数 “''js const selectedPage = 编辑者。Pages.get(pageId); 编辑。Pages.select(selectedPage); 行为准则[x] 我同意遵守本项目的行为准则 附注:哦,是的,我用的是Next JS和Tailwind
回答(4)
加法函数已经修复了,虽然我发送的数据有错误,但我仍然不明白为什么Tailwind的CSS不适用,尽管它在头部标签里
你用的是“config.canvas.styles”这个选项吗? https://github.com/artf/grapesjs/blob/b657428b3efc343513f6c92eb6b418935d2a8ac9/src/canvas/config/config.js#L14-L22 你能创建一个可重复的用例演示吗?
你好@artf很遗憾,我无法在CodePen或JSFiddle上创建可复现的演示,因为里面内容太多,而且我用的是nextJS等技术,但如果你需要,我可以给你访问仓库的权限,那是个私有仓库。
我用的是 Grapesjs-Tailwind,他会把它附加到标题,但当我尝试同样做时,换页时帧完全崩溃。
谢谢你举报,@bovealexandre。 关于pages Manager的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('something changed')); 组件生命周期 editor.on('component:mount', (c) => co...
相关问答
通过相似的问题讨论继续研究。
问题 #6685
自定义组件样式在删除和重新添加后不会被应用
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome v143.0.7499.193 可复制演示链接 https://codesandbox.io/p/sandbox/2l3887 描述一下那个虫子 如何复现这个漏洞? 打开页面...
问题 #5990
当你删除组件时,组件间的重复类也会被删除。
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome 126.0.6478.127(Windows) 可复制演示链接 https://jsfiddle.net/t06s4oLb/8/ 描述一下那个虫子 如何复现这个漏洞?将第1节添加到画...
问题 #5274
Remix 中的解析器漏洞
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome v114 可复制演示链接 https://github.com/wunksert/remix-grapes-error/tree/main 描述一下那个虫子 如何复现这个漏洞?上文的...
问题 #5229
内容为“null”的TextNode被渲染为“null”,而不是空白
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome 版本 114.0.5735.199(官方构建)(64位)可复制演示链接 无描述一下那个虫子 如何复现这个漏洞?丢弃该组件 '<div class=\“flex items-center...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
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.
浏览插件分类
直接跳转到市场上的插件分类页面。