wangeditor配置服务地址

要配置 WangEditor 的服务地址，需要在初始化编辑器时传入下面这段代码：

editor.config.uploadImgServer = '/your/upload/img/server';

其中，`/your/upload/img/server` 就是你自己的上传图片服务地址。你需要将其替换为你自己服务的地址。另外，如果你的服务是需要认证的，还需要在服务地址后面添加认证参数，例如：

editor.config.uploadImgServer = '/your/upload/img/server?token=xxxxx';

其中，`token=xxxxx` 是认证参数，需要替换为你自己的认证参数。

相关问题

通过vue3配置wangeditor服务地址

在 Vue3 中配置 WangEditor 的服务地址，可以按照以下步骤进行：

1. 安装 WangEditor 的依赖包。

   npm install wangeditor --save

2. 在 Vue3 的组件中引入 WangEditor 的 JS 和 CSS 文件。

   <template>
     <div ref="editorElem"></div>
   </template>
   
   <script>
   import WangEditor from 'wangeditor';
   import 'wangeditor/dist/css/wangEditor.min.css';
   
   export default {
     mounted() {
       this.initEditor();
     },
     methods: {
       initEditor() {
         const editor = new WangEditor(this.$refs.editorElem);
         editor.config.uploadImgServer = '/your/upload/img/server';
         editor.create();
       }
     }
   }
   </script>

在这个例子中，我们通过 `import` 引入了 WangEditor 的 JS 文件和 CSS 文件。在 `mounted` 生命周期函数中，我们调用 `initEditor` 方法初始化编辑器。在 `initEditor` 方法中，我们创建了一个 WangEditor 的实例，并传入编辑器的容器元素 `this.$refs.editorElem`。然后，我们配置了上传图片的服务地址 `editor.config.uploadImgServer`，并调用 `editor.create` 方法创建编辑器。

3. 在你的图片上传服务中处理上传的图片，并返回图片的 URL。这里的服务地址为 `/your/upload/img/server`。

   router.post('/your/upload/img/server', function(req, res, next) {
     // 处理上传的图片
     // 保存图片到服务器或者对象存储中
     // 返回图片的 URL
     res.send({errno:0, data:['http://example.com/path/to/image']});
   });

同样需要返回 JSON 格式的数据，包含 `errno` 和 `data` 两个字段，其中 `errno` 表示错误码，`0` 表示上传成功，`data` 是一个数组，包含上传的图片的 URL。

通过以上步骤，你就可以在 Vue3 中成功地配置 WangEditor 的服务地址了。

vue2里面WangEditor怎么配置图片上传地址

WangEditor是一款基于JavaScript和CSS的富文本编辑器，它可以在Vue2中很好地使用。如果您想要配置WangEditor的图片上传地址，您可以按照以下步骤进行：

1. 首先，在Vue项目中安装wangeditor插件，可以使用npm包管理器安装，命令如下：

npm install wangeditor --save

2. 然后在需要使用WangEditor的Vue组件中引入和注册WangEditor：

<template>
  <div ref="editorElem" style="height: 500px;"></div>
</template>

<script>
import wangEditor from 'wangeditor'

export default {
  mounted() {
    const editor = new wangEditor(this.$refs.editorElem)
    editor.create()
  }
}
</script>

3. 接着，在WangEditor的配置中加入图片上传配置项，示例代码如下：

<template>
  <div ref="editorElem" style="height: 500px;"></div>
</template>

<script>
import wangEditor from 'wangeditor'

export default {
  mounted() {
    const editor = new wangEditor(this.$refs.editorElem)
    editor.config.uploadImgServer = '/upload' // 图片上传地址
    editor.create()
  }
}
</script>

其中，`uploadImgServer`是WangEditor的图片上传地址配置项，您需要将其设置为您的实际图片上传地址。例如，您可以将其设置为`/upload`，然后在后端服务器中编写图片上传接口，将图片上传到服务器中。

注意，图片上传接口需要支持CORS跨域请求，否则WangEditor将无法上传图片到服务器中。