Editor.js链接未自动包裹anchor锚点标签的解决方案咨询
Editor.js 自动锚点链接功能相关解答
原生能力说明
Editor.js 核心版本没有内置裸链接自动转<a>锚点标签的功能。
默认配置下,编辑器自带的段落块仅支持手动选中文本后插入链接的操作,不会在用户输入、粘贴内容时自动识别URL格式的文本并自动包裹为可点击锚点,确实会给日常写作的内容创作者带来操作上的不便。
可落地的变通方案
- 替换支持自动链接识别的社区行内插件
直接替换官方默认的链接行内工具,选用社区维护的带自动URL识别能力的行内链接插件即可。这类插件会自动监听输入、粘贴事件,匹配到符合URL规则的文本片段时会自动为其加上链接格式,包裹为标准<a>标签,不需要手动选中插入,和常规富文本编辑器的链接使用体验一致。 - 自定义扩展默认段落块逻辑
如果不想引入第三方插件,可以自行扩展默认Paragraph块的逻辑:在输入、粘贴的回调中加入URL正则匹配规则,检测到符合格式的链接文本时,直接调用编辑器内置的行内格式API,为对应文本片段自动应用链接格式,实现自动转锚点的效果。 - 渲染阶段后置处理
如果不需要编辑过程中实时展示可点击锚点,完全可以不在编辑侧做改造:在保存编辑器输出内容、前端页面渲染内容的环节,通过正则匹配文本中的裸链接,替换为<a>标签后再呈现给访问用户即可,这种方案对编辑器本身无侵入,改造成本最低。

内容的提问来源于stack exchange,提问作者user3708221
相关产品推荐
相关产品推荐

