如何给wangeditor编辑器中的图片设置宽高

可以使用CSS样式来设置wangeditor编辑器中的图片宽高，具体步骤如下：

1. 打开wangeditor编辑器，进入编辑器中需要设置宽高的图片所在的位置。

2. 在编辑器中右键单击需要设置宽高的图片，选择“属性”。

3. 在弹出的“属性”对话框中，找到“样式”一栏，点击“样式”后面的“编辑”按钮。

4. 在“样式编辑器”中，输入以下CSS样式代码：

   width: 200px;
   height: 150px;

这里设置图片宽为200px，高为150px，你可以根据需要自行调整。

5. 点击“确定”按钮保存设置，关闭“属性”对话框。

6. 最后，记得保存编辑器中的内容，使设置生效。

以上步骤可以在wangeditor编辑器中设置图片的宽高。

相关问题

怎么在wangEditor编辑器中插入iframe

在wangEditor编辑器中插入iframe标签可以通过以下步骤进行：

1. 首先在wangEditor的官网下载并引入wangEditor的js和css文件。

2. 在html中创建一个div元素作为编辑器的容器。

3. 在js中初始化编辑器：

   var editor = new wangEditor('#editor-container');
   editor.create();

4. 在编辑器中插入iframe标签，可以通过两种方式：

- 直接在编辑器中输入iframe标签代码；
- 点击编辑器工具栏中的“源代码”按钮，切换到源代码编辑模式，在其中输入iframe标签代码。

需要注意的是，由于iframe标签可能存在安全风险，因此在插入时需要谨慎考虑。另外，wangEditor编辑器中也有一些插件可以用于插入iframe标签，您可以查看相关的插件文档。

富文本编辑器 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');