uni-app uni-cms 新增 编辑文章不显示编辑器

控制台有报错信息没有？

在使用 uni-app 的 uni-cms 插件时，如果新增或编辑文章时编辑器不显示，可能是由于以下几个原因导致的。你可以按照以下步骤进行排查和解决：

1. 检查插件是否正常引入

确保你已经正确引入了 uni-cms 插件，并且在 pages.json 中正确配置了相关页面。

{
  "pages": [
    {
      "path": "pages/cms/article/edit",
      "style": {
        "navigationBarTitleText": "编辑文章"
      }
    }
  ]
}

2. 检查编辑器组件是否正确使用

在编辑文章的页面中，确保你正确使用了 uni-cms 提供的编辑器组件。例如：

<template>
  <view>
    <uni-cms-editor v-model="content" />
  </view>
</template>

<script>
export default {
  data() {
    return {
      content: ''
    }
  }
}
</script>

3. 检查依赖是否正确安装

确保你已经正确安装了 uni-cms 插件及其依赖。你可以通过以下命令检查：

npm install [@dcloudio](/user/dcloudio)/uni-cms

4. 检查网络请求

如果编辑器依赖某些网络请求（例如获取文章内容），请确保这些请求能够正常返回数据。你可以使用浏览器的开发者工具查看网络请求的状态。

5. 检查控制台错误

打开浏览器的开发者工具（通常按 F12），查看控制台是否有任何错误信息。错误信息可能会提示你问题的根源。

6. 检查权限

确保当前用户有权限访问编辑器的相关功能。某些情况下，权限不足可能导致编辑器无法显示。

7. 检查版本兼容性

确保你使用的 uni-app 和 uni-cms 版本是兼容的。如果版本不兼容，可能会导致某些功能无法正常使用。

8. 检查样式冲突

有时候，样式冲突可能导致编辑器无法正常显示。你可以尝试在编辑器的父元素上添加一些样式，例如：

.uni-cms-editor {
  width: 100%;
  height: 100%;
}

9. 检查插件配置

确保 uni-cms 插件的配置是正确的。你可以在 manifest.json 中检查相关配置：

{
  "uni-cms": {
    "editor": {
      "type": "wangeditor"
    }
  }
}

10. 更新插件

如果你使用的是旧版本的 uni-cms 插件，尝试更新到最新版本，可能会修复一些已知的问题。

npm update [@dcloudio](/user/dcloudio)/uni-cms