有没有办法在选定默认值 Float、Position 和 text-align 时移除交叉 svg
@Spiral1234默认值和定义值之间有很大区别(即使默认值和默认值相同)。比如在桌面端你定义了“float: right”,在移动端定义“float: none”,你仍然需要在移动端上移除“ne”这个值。
阅读下方完整回答 ↓问题
葡萄JS版本
- 我确认使用最新版本的GrapesJS
你用的是什么浏览器?
版本 111.0.5563.147(官方构建)(64位)
可复制演示链接
https://grapesjs.com/demo.html
描述一下那个虫子
如何复现这个漏洞? 这是你可以查看的图片链接 https://ibb.co/0Qg7nTK
预期的行为是什么? 点击默认值时,叉图标应该会被移除;如果选择float值为零,那么十字图标应该会显示non
目前的行为是什么? 当前行为的十字图标在选择默认值时不会被移除
行为准则
- 我同意遵守本项目的行为准则
回答(4)
@Spiral1234默认值和定义值之间有很大区别(即使默认值和默认值相同)。比如在桌面端你定义了“float: right”,在移动端定义“float: none”,你仍然需要在移动端上移除“ne”这个值。
@artf,让我再给你定义一次。 我的问题是,如果我点击任何模块的默认值,比如float,我选择“none”,那么“cross svg”应该是“display: none”,就像我对其他模块“position”、“text-align”的设置一样。
如果有人选择默认值,那么在即将重置的“交叉SVG”上方应标注为“显示:无”。
我截图里提到了重置的跨SVG,默认值应该是“display: none”。谢谢
@Spiral1234选择默认值时不应该是“显示:无”,请仔细阅读上述使用场景,默认值和选择默认值是不同的。
感谢你报告,@abubaker417。 关于有没有办法在选定默认值Float、Position和text-align时移除交叉svg的问题,非常好。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('something changed')); 组件生命周期 editor.on('c...
相关问答
通过相似的问题讨论继续研究。
问题 #4006
背景颜色会自动变为黑色
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 铬 可复制演示链接 https://grapesjs.com/demo.html。 描述一下那个虫子 默认情况下,背景色是无。 当我点击颜色选择器更改背景色时,颜色选择器里没有选择任何颜色。(点击...
问题 #4094
在Chrome的编辑器中拖放块时,无法拖放块块
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 版本 97.0.4692.71(官方构建)(64位) 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞?在编辑器中拖放基本方块 预期...
问题 #3947
编辑器中无法点击的选择框
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Firefox 94.0.1可复制演示链接 https://grapesjs.com/demo.html描述一下那个虫子 如何复现这个漏洞?尝试在上述演示网站拖拽选择框,可以重现问题... 预期的行为...
问题 #4921
[X] 我确认使用最新版本的GrapesJS
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome 版本 110.0.5481.78(官方构建)(64 位) 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞?安装带有n...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
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.
浏览插件分类
直接跳转到市场上的插件分类页面。