关于kindeditor富文本编辑的上传图片、音频、和视频的使用

版本：KindEditor 4.x 

官方文档：http://kindeditor.net/doc.php

最近在公司实现一个功能：

大概就是这样：

富文本编辑器的上传图片、音频和视频的原理，就是将这些文件上传至项目的静态文件中，然后将相应文件的存储路径保存至数据库里面。

我是用的是富文本编辑器中默认的jsp文件upload_json.jsp和file_manager_json.jsp。

upload_json.jsp：文件上传时，辨别文件类型，生成文件存放目录以及重命名文件等等

file_manager_json.jsp：和浏览文件有关

1、首先将kindeditor放在相应的js下面：

2、修改upload_json.jsp和file_manager_json.jsp中有关文件的目录：

upload_json.jsp:(有关文件保存路径和文件上传大小，以及下面有关文件类型验证等等)

file_manager_json.jsp：

3、在相应jsp文件中添加此插件：

首先需要引进插件，然后在相应的js中添加js代码：

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="s" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="sg" uri="http://www.sungness.com/tags" %>


    

        
${wechatGroupInvited.id != null ? wechatGroupInvited.id  : ""} 详细信息
        

            

                ">
                     *
            
            

                
            
        
		

            

                ">
                     *
            
            

                
				上传图
            
        
        

            

                ">
                     *
            
            

                
				上传头像
            
        
        

            

                ">
                     *
            
            

                
				上传语音
            
        
       	

            

                ">
                     *
            
            

                


            
        
        

            

                ">
                     *
            
            

                
            
        
    
    
    

4、效果：