web前端一些插件工具

记录自己在项目中使用过的web工具

1、ace.js：基于JS的代码带高亮编辑器

在项目中只使用了它的代码高亮功能，因为到目前版本，它支持了超过120多种的语法高亮，超过20多种主题等，在编辑器方面也支持多种操作，包括提示等，算是一个基于web端的代码编辑器了。

git地址：https://github.com/ajaxorg/ace-builds

官网及API：https://github.com/ajaxorg/ace

2、tinymce: 富文本编辑器

-GitHub 上星星很多，功能也齐全；

-唯一一个从word粘贴过来还能保持绝大部分格式的编辑器；

-不需要找后端人员扫码改接口，前后端分离；

tinymce 官方为 vue 项目提供了一个组件 tinymce-vue：https://github.com/tinymce/tinymce-vue

3、vue.draggable：实现组件拖拽

-支持触摸设备

-支持拖拽和选择文本

-支持智能滚动

-支持不同列表之间的拖拽

-不以jQuery为基础

-和视图模型同步刷新

-和vue2的国度动画兼容

-支持撤销操作

-当需要完全控制时，可以抛出所有变化

-可以和现有的UI组件兼容

git地址：https://github.com/SortableJS/Vue.Draggable

4、normalize.css ：实现跨浏览器的默认样式标准化

感谢@HugoJing提供学习使用

地址：https://github.com/hugojing/web-lessons/tree/master/lesson3

5、viewerjs

viewer.js 是一款强大的图片查看器，像门户网站一般都会有各自的图片查看器，如果您正需要一款强大的图片查看器，也许 Viewer.js 是一个很好的选择。

GitHub 地址：

JS 版本：https://github.com/fengyuanchen/viewerjs

jQuery 版本：https://github.com/fengyuanchen/viewer