CkEditor中link元素跳转相对路径而非预期绝对路径问题

错误原因 #

输入的目标地址www.google.com未携带http:///https://协议头时，浏览器会默认将其判定为相对路径，自动拼接在当前页面访问路径后，就会出现你遇到的跳转地址异常问题。

你提到的悬浮显示地址和跳转地址匹配的现象也符合该逻辑：

你使用的CkEditor配置界面参考：

解决方案 #

方案1：手动补全协议（单次使用） #

添加链接时直接输入带完整协议的地址，例如https://www.google.com，即可直接正常跳转。

方案2：配置编辑器自动补全协议（永久生效） #

修改CkEditor的链接插件配置，开启defaultProtocol参数，编辑器会自动为不带协议的地址补全默认协议，无需手动每次输入，配置示例如下：

ClassicEditor.create(document.querySelector('#editor'), {
    // 其他原有配置保持不变
    link: {
        // 按需设置默认协议，常用为https
        defaultProtocol: 'https://'
    }
})
.catch(error => {
    console.error(error);
});

配置完成后输入www.google.com这类无协议地址时，编辑器会自动将链接转换为https://www.google.com，直接就能跳转至目标绝对路径。

内容的提问来源于stack exchange，提问作者CCCC