富文本编辑器 wangeditor回显图片

要回显图片，需要将图片上传到服务器，并在富文本编辑器中使用图片的 URL 进行回显。WangEditor 提供了上传图片的功能，可以通过配置服务器端接口实现图片上传。具体步骤如下：

1. 在前端页面中引入 WangEditor 的 JS 和 CSS 文件。

2. 创建一个 div 元素作为富文本编辑器的容器，并初始化 WangEditor。

   <div id="editor"></div>
   <script type="text/javascript">
       var editor = new wangEditor('editor');
       editor.create();
   </script>

3. 配置上传图片的服务器端接口。

   editor.config.uploadImgUrl = '/upload'; // 上传图片的接口地址
   editor.config.uploadImgFileName = 'file'; // 上传图片的文件名

4. 在服务器端实现上传图片的接口。

   app.post('/upload', function(req, res) {
       var file = req.files.file;
       var filename = file.name;
       var path = __dirname + '/public/uploads/' + filename;
       file.mv(path, function(err) {
           if (err) {
               res.status(500).send(err);
           } else {
               res.json({errno: 0, data: ['/uploads/' + filename]});
           }
       });
   });

5. 在富文本编辑器中插入图片。

   editor.command('insertImage', '/uploads/image.jpg');