美文网首页
web前端一些插件工具

web前端一些插件工具

作者: 追梦_life | 来源:发表于2019-07-30 14:20 被阅读0次

    记录自己在项目中使用过的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-vuehttps://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

    相关文章

      网友评论

          本文标题:web前端一些插件工具

          本文链接:https://www.haomeiwen.com/subject/wxmalctx.html