ckeditor添加音频播放插件html5audio详解

ckeditor是一个强大的编辑器，允许我们添加自定义的插件，其它的废话就不多说了，
我们直接进入在编辑器中新增音频插件的正题。 

ckeditor-html5-video视频下载地址
在官网上我们可以看到视频插件ckeditor-html5-video是从音频插件ckeditor-html5-audio.演化过来的，下面我们先介绍一下音频插件的安装过程。

1. 首先到官网下载html5audio插件：https://github.com/iametza/ckeditor-html5-audio/blob/master/README.md
   
   如上图所示：我们需要到config.js文件中将配置项：config.extraPlugins = ‘html5audio’;配置到配置文件中
   
2. 我们在上一步也看到了html5audio插件是依赖widget插件的，所以我们要先下载widget插件，并将widget插件放入plugins目录下：
   下载地址：https://ckeditor.com/cke4/addon/widget
   
   我们下载Widget插件后会弹出如上图的框，我们在框中可以看到widget插件依赖于另外三个插件：
   Line Utilities、Clipboard、 WidgetSelection；依次下载这三个插件，并将插件放入plugins目录中，无需在config.js文件中配置就可以使用，重起服务器就会看到我们的编辑器上出现了一个很小的喇叭图标，如下图：
   
   

到这里我们新增音频插件的任务就完成了，运营人员就可以在编辑的时候添加自己想要的音频信息文件了。