问题 #2422💬 已回答提出于 2019年11月23日作者 MartinPutz2 个反应

如果在画布上应用了缩放,无法添加“空格”字符

快速解答作者 mattdeigh1

啊,我现在明白了。代码没完全跟踪。我会试试这个,然后告诉你我有什么结果。

阅读下方完整回答 ↓

问题

如果在画布上应用了缩放值,无法正确编辑文本组件。

GrapesJS 版本:0.15.8

该问题也可以在演示中重现: [https://jsfiddle.net/1n9ruwa4/](https://jsfiddle.net/1n9ruwa4/)

预期行为: 缩放是通过编辑器在画布上应用的。Canvas.setZoom() 文本组件仍可编辑并添加“空格”(Keycode:32)字符

当前行为: 缩放是通过编辑器在画布上应用的。Canvas.setZoom() 虽然可以添加或编辑其他字符,但你无法添加新的“空格”字符,因为如果应用了缩放,空格字符还会被用来“重新定位”画布。 抓取光标的样式显示了,你可以通过“空格+拖拽”来拖动画布

繁殖步骤: 在上方打开 jsfiddle 演示(用编辑器。Canvas.setZoom(90)) 尝试编辑Hello World的文字 试着加一个“空格”字符

缩放级别大小无关紧要,问题发生在任何数值下都会发生。

回答(3)

mattdeigh2020年5月7日

啊,我现在明白了。代码没完全跟踪。我会试试这个,然后告诉你我有什么结果。

Sphenox2021年7月16日

我写这个问题,因为如果你专注于“或”'',你不能添加“空格<a><button>”。如果你加上链接:https://jsfiddle.net/1n9ruwa4/,演示中是可复现的 原因是画布上的“notTextable”配置。 “''js notTextable: ['button', 'a', 'input[type=复选框]', 'input[type=radio]'] ``` 我不明白为什么“button”和“a”会在这个数组里,因为RTE也适用于这些元素。但你可能比我知道得多......直接把它们从数组中移除有意义吗,还是你看到了其他解决方案? 顺便说一句,非常感谢你的工作,我和Gr...

artf2019年11月27日

谢谢@MartinPutz好发现

相关问答

通过相似的问题讨论继续研究。

问题 #6064

在程序中设置文本内容会在画布中清除

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? V126 可复制演示链接 https://jsfiddle.net/r5062suy/1/ 描述一下那个虫子 如何复现这个漏洞?运行演示链接(https://jsfiddle.net/r5062s...

4 个回答更新于 2024年8月21日

问题 #4497

从 v18.4 更新到 GrapesJS v19.5 会导致 Chrome 变得无响应

葡萄JS版本[x] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome 104.0.5112.79可复制演示链接 https://jsfiddle.net/gvrnw2c3/4/描述一下那个虫子 如何复现这个漏洞? 我目前无法用 jsfiddle 重现这个...

4 个回答更新于 2023年7月27日

问题 #4576

点击“样式环绕”按钮会影响同一文本框内其他组件的内部组件

葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome 104.0.5112.101可复制演示链接 https://jsfiddle.net/7cLr0xt2/3/描述一下那个虫子 如何复现这个漏洞? 不知为何,我无法在上面链接的小提琴里重现...

4 个回答更新于 2022年9月13日

问题 #5633

无法在“component:remove”处理程序中选择组件

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome 版本 120.0.6099.225 可复制演示链接 https://jsfiddle.net/wattnu/opmwfvjn/ 描述一下那个虫子 如何复现这个漏洞?打开并拉动小提琴画...

3 个回答更新于 2024年1月23日

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

直接跳转到市场上的插件分类页面。