编辑/替换链接内的文本
@artf，你又说对了。节点的空白很重要。如果文本紧贴关闭节点，第一个按键替换文本，下一次按键离开节点，如果不对，则按预期工作。 有一个关于这个的旧帖子（https://github.com/w3c/editing/issues/1560 年），专门在webkit和blink里，讲它们是如何这样工作的。CKEditor 5的作者之一也在场，他基本上说你必须构建一个抽象层来修复这种行为，这对我们来说简直是麻烦。 @Sphenox我觉得这个问题很可能在之前的版本中也存在，从我读到的内容来看。而且，我也觉得相比直接用已经内置的RTE来构建那种抽象层面，可能太复杂了。
阅读下方完整回答 ↓问题
GrapesJS 版本
- 我确认使用最新版本 GrapesJS
你用的是什么浏览器？
Chrome v122
可复制演示链接
https://grapesjs.com/demo.html
描述一下那个虫子
如何复现这个漏洞？
- 开放演示
- 创建带有链接的文本
- 使用默认RTE编辑文本
- 选择整个链接
- 输入任意内容，以替换链接文本
预期的行为是什么？ 当你输入某项内容时，它应该会继续在链接内写入。 你可以编辑只包含一个字符的链接文本。
目前的行为是什么？ 目前链接内只写第一个字符。从第二个字符开始，光标不再出现在链接中，所以文本会直接在链接后面插入。链接中只有一个字符时无法编辑，因此发生这种情况后你必须删除整个链接。
行为准则
- 我同意遵守本项目的行为准则
回答（4）
@artf，你又说对了。节点的空白很重要。如果文本紧贴关闭节点，第一个按键替换文本，下一次按键离开节点，如果不对，则按预期工作。
有一个关于这个的旧帖子（https://github.com/w3c/editing/issues/1560 年），专门在webkit和blink里，讲它们是如何这样工作的。CKEditor 5的作者之一也在场，他基本上说你必须构建一个抽象层来修复这种行为，这对我们来说简直是麻烦。
@Sphenox我觉得这个问题很可能在之前的版本中也存在，从我读到的内容来看。而且，我也觉得相比直接用已经内置的RTE来构建那种抽象层面，可能太复杂了。
澄清一下，你说的是链接中文本的选择和编辑异常表现吗？
![Kapture 2024-03-08 09 01 50]（https://github.com/GrapesJS/grapesjs/assets/1020507/ebd610fe-ca9c-43b6-87b1-a0b336775348）
是的，正如你提供的视频所示。
你遇到的GrapesJS富文本编辑器（RTE）问题，即在链接上输入只保留第一个字符，后续字符显示在链接外，这是与link标记底层ProseMirror模式配置相关的已知行为。 根本原因 GrapesJS RTE 使用 [ProseMirror]（https://prosemirror.net/） 作为其文本编辑引擎。在 ProseMirror 中，标记（如加粗、斜体或链接）有一个称为 inclusive的属性。该属性决定了在标记旁边输入的文本表现： inclusive: true：当你在标记旁边输入时，新文本会自动继承该标记。 inclusive: false（许多标记默认，包括Grapes...
相关问答
通过相似的问题讨论继续研究。
问题 #5785
大纲在预览模式下依然存在
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Chrome v122 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 这可能是刻意为之，但考虑到其意图，这似乎有些奇怪。 如何复现这个漏...
问题 #6606
编辑器加载时间很长（有时超过1分钟）
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Firefox 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 描述 编辑器加载时间非常慢。 在复杂的页面（例如包含众多元素和插件如旋转木马...
问题 #5378
未捕获类型错误：在图层管理器面板拖动组件时无法读取未定义属性（读取“Canvas”）。
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Chrome v116.0.5845.97 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？从画布中选择任意组件打开图层...
问题 #4173
Text element does not work properly
GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器？ Chrome v98可复制演示链接 https://grapesjs.com/demo.html描述一下那个虫子 我打开了一个笔记本（Win11） 我在记事本上写了：测试 [回车] 测试 [...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
Introducing Search on GJS.Market
GJS.Market now has one search across everything we publish — plugins, articles, community questions, guides, authors and services. Press ⌘K from any page.
教程
如何在2026年用 GrapesJS 构建AI驱动的页面构建器
我们构建GJSDocs的经验——从简单的AI文本生成到结构化、上下文感知的视觉编辑
教程
2026年构建一个SaaS页面构建器需要多少钱？
2026年构建一个SaaS页面构建器的成本是多少？探索实际的开发成本、时间表、功能，以及使用 GrapesJS 如何降低成本
浏览插件分类
直接跳转到市场上的插件分类页面。