风格管理器中的意外行为
问题
葡萄JS版本
- 我确认使用最新版本的GrapesJS
你用的是什么浏览器?
版本 1.35.101 Chromium:98.0.4758.87(官方版本)(64位)
可复制演示链接
https://codesandbox.io/s/strange-sun-qgdcq?file=/index.js
描述一下那个虫子
如何复现这个漏洞?
- 将组件放入 Canvas
- 选择组件并施加一些边距和填充
预期的行为是什么? ...当我们给予一些保证和缓冲时,应该施加保证和缓冲。
目前的行为如何? 有时它有效,有时表现得出乎意料
行为准则
- 我同意遵守本项目的行为准则
回答(4)
感谢你的报告@yadavAtIrisdame但我无法从你的演示或官方演示中复现。你能描述一下具体步骤吗?
@artf
我无法重现这个bug。大多数情况下,《风格经理》的运作如预期般顺利。但突然间,他们开始表现得像(如图所示)。特别是边际和缓冲性质。
抱歉,但很遗憾,没有合适的可复现演示,我帮不上什么忙。 如果有人能提供可重复的步骤,我很乐意帮忙解决。
谢谢你举报,@yadavAtIrisdame。 关于风格经理中的意外行为的好问题。推荐的 Canvas 方法是使用事件驱动的 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('something changed')); 组件生命周期 editor.on('component:mount', (c) => console.l...
相关问答
通过相似的问题讨论继续研究。
问题 #4116
Flex Property 在样式管理器中无法正常工作
葡萄JS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 版本 1.34.81 Chromium:97.0.4692.99(官方构建)(64位) 可复制演示链接 https://codesandbox.io/s/strange-sun-qgdcq?fil...
问题 #3564
无法刷新iframe
0.17.19 你能重现演示中的bug吗? 是的 预期的行为是什么? 我之前问过一个关于iframe刷新(#3413)的问题。[提案的解决方案](https://github.com/artf/grapesjs/issues/3413#issuecomment-83189223...
问题 #4474
无头模式运行需要窗口
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome 103.0.5060.134可复制演示链接 https://stackblitz.com/edit/node-zrdtg4?file=index.js描述一下那个虫子 如何复现这个漏洞?...
问题 #4350
样式管理器在选择组件时不会更新背景
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 勇敢浏览器 v1.39.111 可复制演示链接 https://jsfiddle.net/e7oau8v6/ 描述一下那个虫子 如何复现这个漏洞?画布上的一根柱子。 ) 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.
浏览插件分类
直接跳转到市场上的插件分类页面。