无法设置块显示值
是的,问题就在这里: https://github.com/GrapesJS/grapesjs/blob/1e3766f0060e6da502fccf9ba9eb938d5ac860bb/src/style_manager/model/PropertyFactory.ts#L267 添加一个新选项,比如“初始”,并设为默认选项,这样做合理吗?
阅读下方完整回答 ↓问题
葡萄JS版本
- 我确认使用最新版本的GrapesJS
你用的是什么浏览器?
铬126
可复制演示链接
https://jsfiddle.net/Gryphonn/ob1pznh6/
描述一下那个虫子
如何复现这个漏洞?
- 选择任意单词。
- 包装得有型。
- 保持该词被选中。
- 进入通用->显示
- 我要布洛克。我点击了“屏蔽”,但什么都没发生。
预期的行为是什么? 显示值必须是空的,这样我才能立即选择所需的内容。 或者它必须显示所选文本当前的实际显示值。这里是Inline,而不是Block。
目前的行为是什么? 目前我需要点击两次。 首先,点击除屏蔽以外的任何东西。显示场被激活。 那我应该点击屏蔽。
如果需要执行某些代码以重现该漏洞,请将其粘贴到下面: “''js 你的代码在这里
### 行为准则
- [X] 我同意遵守本项目的行为准则
回答(4)
添加一个新选项,比如“初始”,并设为默认选项,这样做合理吗?
你好@Gryphonn, 我试图复现你的问题,但步骤不太清楚,请重新表述。
bandicam.2024-08-08.21-07-14-667.mp4
感谢您的详细报告 🙏
看起来我们应该更好地处理默认显示,这样你就不用先切换到另一个显示器再切换回来。
你好,@Gryphonn,
我试着重现你的问题,但步骤不太清楚,请重新表述。
谢谢你举报,@Gryphonn。 关于无法设置块显示值的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('something changed')); 组件生命周期 editor.on('component:mount', (c) => console.log(...
相关问答
通过相似的问题讨论继续研究。
问题 #6318
无法在Block media svg中使用透明填充
葡萄JS版本[X] 我确认使用最新版本的GrapesJS本期提交时为“[email protected]”你用的是什么浏览器? Firefox 132,Chrome 131可复制演示链接 https://jsfiddle.net/x54f9v68/1/描述一下那个虫子 如何复现这个...
问题 #5990
当你删除组件时,组件间的重复类也会被删除。
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome 126.0.6478.127(Windows) 可复制演示链接 https://jsfiddle.net/t06s4oLb/8/ 描述一下那个虫子 如何复现这个漏洞?将第1节添加到画...
问题 #6659
符号样式未同步
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Firefox 145.0(64位) 可复制演示链接 https://jsfiddle.net/arturarseniev/ta19s6go/ 描述一下那个虫子 如何复现这个漏洞? 进入官...
问题 #6458
Sector.setName 不工作
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 铬 可复制演示链接 https://jsfiddle.net/qbpodnm4/ 描述一下那个虫子 如何复现这个漏洞? 在画布中选择一个组件。 访问风格管理器,检查“General”是否被...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
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.
浏览插件分类
直接跳转到市场上的插件分类页面。