uni-app uni-cms编辑器无法添加超链接

开发环境	版本号	项目创建方式
Windows	windows 11	HBuilderX

产品分类：
uniapp/App

PC开发环境操作系统：
Windows

HBuilderX类型：
正式

HBuilderX版本号：
3.97

手机系统：
Android

手机系统版本号：
Android 14

手机厂商：
华为

手机机型：
荣耀v30

页面类型：
vue

vue版本：
vue2

打包方式：
云端

操作步骤：

uni-cms编辑文章时无法添加、修改超链接，鼠标刚放进文本框，整个添加链接弹窗就没了，隐藏了，页面也变成灰色无法操作，需要点击好几次或刷新才能恢复  

预期结果：

uni-cms编辑文章时无法添加、修改超链接，鼠标刚放进文本框，整个添加链接弹窗就没了，隐藏了，页面也变成灰色无法操作，需要点击好几次或刷新才能恢复

实际结果：

uni-cms编辑文章时无法添加、修改超链接，鼠标刚放进文本框，整个添加链接弹窗就没了，隐藏了，页面也变成灰色无法操作，需要点击好几次或刷新才能恢复  

bug描述：

yibo5220 1楼•22 天前作者

uni-cms 版本是多少？

sinazl 2楼•22 天前

新版旧版都有这个问题，最新版的是昨天晚上刚从插件市场下的，也有这种问题

itying888 3楼•22 天前

“version”: “1.0.17”,“version”: “1.0.15”, 今天也遇到这个问题了
有解决吗？

ionicwang 4楼•22 天前

没解决，uni-cms开发也没修复这个，不是经常用这个功能，暂时没管了。

zlyuanteng 5楼•22 天前

在 uni-app 中使用 uni-cms 编辑器时，如果无法添加超链接，可能是由于以下几个原因导致的。你可以按照以下步骤进行排查和解决：

1. 检查编辑器配置

确保编辑器的配置中允许添加超链接。有些编辑器默认禁用了超链接功能，需要在配置中手动开启。

// 示例：配置富文本编辑器允许超链接
const editorConfig = {
  // 其他配置项
  link: true, // 允许添加超链接
};

// 初始化编辑器
const editor = new Editor(editorConfig);

2. 检查编辑器版本

确保你使用的 uni-cms 编辑器版本是最新的，旧版本可能存在一些功能上的限制或 bug。可以通过以下命令更新 uni-cms：

npm update uni-cms

3. 检查权限设置

如果你是在一个多用户环境中使用 uni-cms，检查当前用户是否有权限添加超链接。有些 CMS 系统会对不同用户角色设置不同的编辑权限。

4. 检查代码实现

确保你在代码中正确地实现了添加超链接的功能。以下是一个简单的示例：

// 示例：在 uni-app 中使用 uni-cms 编辑器添加超链接
<template>
  <view>
    <uni-editor :config="editorConfig" ref="editor"></uni-editor>
    <button @click="addLink">添加超链接</button>
  </view>
</template>

<script>
export default {
  data() {
    return {
      editorConfig: {
        link: true, // 允许添加超链接
      },
    };
  },
  methods: {
    addLink() {
      const editor = this.$refs.editor;
      editor.insertHtml('<a href="https://example.com">这是一个超链接</a>');
    },
  },
};
</script>