PageKit — 可自托管的 GrapesJS 建站工具,附完整源码。 获取抢先体验

问题 #6420💬 已回答提出于 2025年2月25日作者 peterchon0 个反应

日语输入加空回

快速解答作者 GJS Helper

你在GrapesJS中遇到的日语输入问题,即所选条目不可见且额外返回,这是依赖contenteditable和输入法编辑器(IME)的富文本编辑器中常见的问题,比如GrapesJS默认RTE使用的ProseMirror。这通常是由于IME合成阶段事件处理冲突所致。 根本原因 在输入日语(或其他需要IME的语言)时,输入会经历一个“组合”阶段,字符被组合并建议。Enter键通常用于确认IME自动建议框中选中的建议。该错误的根本原因是GrapesJS的底层富文本编辑器ProseMirror过早地将Enter键按压作为创建新段落的命令处理,在IME完全完成构图并插入最终文本之前。这导致: 不可视的条目:编辑器的状态可能因过早的Enter...

阅读下方完整回答 ↓

问题

GrapesJS版本

  • 我确认使用最新版本的GrapesJS

你用的是什么浏览器?

Chrome 版本 133.0.6943.127(官方构建)(arm64)

可复制演示链接

https://grapesjs.com/demo.html

描述一下那个虫子

如何复现这个漏洞?

  1. 创建文本块
  2. 开始输入任何日文字符
  3. 从自动建议浮动框中选择一条条目

预期的行为是什么? 所选条目应输入文本块

目前的行为是什么? 已输入“选择”条目但不可见,新的返回条目会加在文本块底部

如果需要执行某些代码以重现该漏洞,请将其粘贴到下面: 无

https://github.com/user-attachments/assets/3dd992d8-dc13-4043-885a-d56ea57a1964

行为准则

  • 我同意遵守本项目的行为准则

回答(1)

GJS Helper• 2026年5月17日

你在GrapesJS中遇到的日语输入问题,即所选条目不可见且额外返回,这是依赖contenteditable和输入法编辑器(IME)的富文本编辑器中常见的问题,比如GrapesJS默认RTE使用的ProseMirror。这通常是由于IME合成阶段事件处理冲突所致。 根本原因 在输入日语(或其他需要IME的语言)时,输入会经历一个“组合”阶段,字符被组合并建议。Enter键通常用于确认IME自动建议框中选中的建议。该错误的根本原因是GrapesJS的底层富文本编辑器ProseMirror过早地将Enter键按压作为创建新段落的命令处理,在IME完全完成构图并插入最终文本之前。这导致: 不可视的...

相关问答

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

问题 #5378

未捕获类型错误:在图层管理器面板拖动组件时无法读取未定义属性(读取“Canvas”)。

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? Chrome v116.0.5845.97 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞?从画布中选择任意组件打开图层...

4 个回答更新于 2023年9月16日

问题 #6669

层管理器中方块的跨层重排会导致分拣器错误并中断后续的移动尝试

GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 铬 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞? 从一个新的编辑器实例开始,画布是空的 从块面板中,将一个“1列”块拖...

3 个回答更新于 2025年12月6日

问题 #5346

删除组件而不删除其对应样式

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? 最新版本的Chrome浏览器 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞? <img width=“1665” al...

3 个回答更新于 2023年8月30日

问题 #6369

边框半径的显示顺序不正确

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? Chrome v130 可复制演示链接 https://grapesjs.com/demo-newsletter-editor.html 描述一下那个虫子 如何复现这个漏洞?在编辑器中选...

2 个回答更新于 2025年12月19日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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