kindeditor chrome 不支持多图

KindEditor是一种强大的富文本编辑器，可以在网页中实现多种编辑功能，包括插入图片。然而，当前版本的KindEditor在Chrome浏览器上插入多张图片支持有一些限制。

KindEditor插入图片的方式是通过选择文件对话框，一次只能选择并插入一张图片。这意味着在KindEditor中无法一次性选取多张图片进行插入。虽然在其他浏览器中，在选择文件对话框中按住Ctrl键可以选择多张图片，但在Chrome浏览器中这个功能无法正常使用。

解决这个问题的一种方法是利用KindEditor插入图片后的回调函数来实现多图的功能。通过编写自定义的JavaScript代码，可以在插入一张图片后自动重新打开选择文件对话框，使用户能够继续选择下一张图片插入。这种方法需要一些编程的技巧，对于非开发人员来说可能不太方便。

除了以上方法之外，也可以考虑使用其他支持多图插入的编辑器替代KindEditor，例如UEditor、TinyMCE等。这些编辑器在Chrome浏览器中可以较为方便地实现一次性插入多张图片的功能。

总之，当前版本的KindEditor在Chrome浏览器上的多图支持较为有限，用户在使用时可能需要通过一些额外的方法来实现多图插入的功能。

相关问题

kindeditor编辑器上传多张图片

### 回答1：
KindEditor编辑器可以通过以下步骤上传多张图片：

1. 点击编辑器中的“插入图片”按钮。
2. 在弹出的对话框中，选择“上传图片”选项卡。
3. 点击“选择文件”按钮，选择要上传的图片文件。
4. 重复步骤3，选择多张图片文件。
5. 点击“开始上传”按钮，等待上传完成。
6. 上传完成后，可以在“已上传图片”选项卡中查看已上传的图片。
7. 选中要插入的图片，点击“确定”按钮即可插入到编辑器中。

注意：上传多张图片时，需要等待每张图片上传完成后再选择下一张图片，否则可能会导致上传失败。

### 回答2：
kindeditor是一款非常常用的富文本编辑器，它不仅提供了基本的文本编辑功能，而且还支持上传多张图片的功能。下面就详细介绍一下如何使用kindeditor上传多张图片。

1. 准备工作

首先，在使用kindeditor上传多张图片之前，我们需要先准备好以下内容：

① kindeditor编辑器文件

② kindeditor上传图片的处理程序文件，这个一般是后台开发人员编写的

③ 存储上传图片的文件夹，这个一般由后台开发人员在处理程序中设置。

2. 设置kindeditor编辑器

在前端页面中，我们需要先引入kindeditor编辑器的相关文件。这些文件一般包括kindeditor.js和kindeditor.css等。引入之后，我们需要对kindeditor进行一些基本设置，如设置编辑器的宽度、高度等。同时，还需要在配置文件中设置上传图片的选项。

其中，设置上传图片的选项需要设置上传图片的处理程序地址、允许上传的图片类型、最大可以上传的图片大小、是否可以上传多张图片等。

3. 编写后端处理程序

在上传图片的处理程序中，我们一般需要在程序中编写以下基本功能：

① 判断上传的文件是否合法，包括文件类型是否允许上传、文件大小是否在规定范围内等。

② 将上传的图片保存到指定文件夹中。

③ 返回上传结果，一般是返回上传的图片地址或者上传失败的原因等。

4. 使用

在前端页面中，我们可以通过点击上传图片按钮来触发上传图片的功能。在点击上传图片按钮后，会弹出选择图片的对话框，我们可以选择多张图片，然后分别进行上传。上传完成后，可以在编辑器中看到上传的图片。

总的来说，kindeditor上传多张图片的功能非常实用，可以让我们的文章或网站更加丰富和有趣。同时，对于后端开发人员来说，也需要注意上传图片的文件类型和大小等问题，以确保上传图片的安全性和稳定性。

### 回答3：
KindEditor是一款基于jQuery和Zlib的网页富文本编辑器，它支持表格、混合开发、超过40种已配置的插件、代码自动提示与补全。在KindEditor中，用户可以方便地插入各类多媒体元素，包括图片、音视频等。也就是说，在KindEditor中上传多张图片非常容易。

具体的上传过程可以分为以下几个步骤：

1. 在前端页面中添加一个文件上传控件，例如：

<input type="file" id="file" name="file" multiple/>

其中，multiple属性表示可以选择多个文件进行上传。

2. 在JavaScript中添加上传代码。使用KindEditor自带的uploadJson接口可以实现多张图片的上传：

KindEditor.ready(function(K) {
var editor = K.editor({
// 设置上传接口
uploadJson: '/upload_json.php',
fileManagerJson: '/file_manager_json.php'
});
K('#upload_img_btn').click(function() {
editor.loadPlugin('multiimage', function() {
// 打开上传多张图片的窗口
editor.plugin.multiImageDialog({
clickFn: function(data) {
// 上传成功后执行的回调函数
}
});
});
});
});

在上述代码中，uploadJson属性设置上传接口，multiImageDialog方法打开多张图片上传的窗口。

3. 在服务器端编写PHP代码处理上传请求。具体的实现方式因不同的后端语言而异，在PHP中，可以使用$_FILE数组来处理上传文件。例如：

if(!empty($_FILES['file']['name'])) {
$fileArr = $_FILES['file'];
for($i=0; $i<count($fileArr['name']); $i++) {
$tmp_name = $fileArr['tmp_name'][$i];
$name = $fileArr['name'][$i];
// 保存文件到指定目录
move_uploaded_file($tmp_name, 'uploads/'.$name);
$urlArr[] = 'uploads/'.$name;
}
echo json_encode(array('error' => 0, 'data' => $urlArr));
}

其中，$fileArr为上传的文件数组，$urlArr保存上传成功后每个文件的URL地址。

综上所述，KindEditor编辑器上传多张图片的步骤包括前端文件上传控件的添加、JavaScript上传代码的编写以及后端服务器代码的处理。

Kindeditor上传图片回显不出来

可能是以下原因导致的：

1. KindEditor配置不正确，需要检查配置文件中的图片上传路径是否正确，以及是否开启了图片上传功能。

2. 上传的图片格式不被支持，例如上传了不支持的文件格式，如 .psd、.pdf 等格式。

3. 图片上传路径没有设置文件夹权限，需要检查上传路径的权限是否正确。

4. 图片上传路径不存在，需要检查上传路径是否存在。

5. 图片上传大小限制设置不正确，需要检查上传大小的限制是否正确。

以上是一些可能导致图片回显不出来的原因，需要根据具体情况进行排查和解决。