1、clipboard.js 现代化的拷贝文字

这是在看vue-elementui-admin框架的时候看到的。看了api感觉挺有用的；

vue-elementui-admin地址：https://panjiachen.github.io/vue-element-admin/#/clipboard/index
clipboard.js中文文档：http://www.clipboardjs.cn/

2、wangEditor 基于javascript和css开发的 Web富文本编辑器， 轻量、简洁、易用、开源免费

这是在使用iview-admin的时候同事要写一个图片通过ctrl+c ctrl+v或者是直接剪切，拖动复制到文本框中的图片保存功能。当时找了好几个插件最后找到这个框架确实是简便快捷。想着有空拜读一下源码，这个作者也是一个很牛逼的大神啊。
文档地址：http://www.wangeditor.com/

// <template>
//     <div>
//         <div  ref="editor" style="text-align:left"></div>
//         <button v-on:click="getContent">查看内容</button>
//         <!-- <div style='width:700px;max-height:220px;border:1px solid red;overflow-y:auto' id='geteditordata'>
    
//         </div> -->
//         <div>
//           <div class='cc bb'><p class='bb'>fdsfsafdsafsdaf</p>23213213213213</div>
//         </div>
//     </div>
// </template>

// <script>
//     import E from 'wangeditor'
//     export default {
//       name: 'editor',
//       data () {
//         return {
//           editorContent: '',
//           originContent:'<p>dsfdsfd<span style="color: rgb(0, 0, 0); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px;">　　我从来都不做基础入门教程，因为基础入门的教程，要想讲的和别人不一样很难。所以，基础入门的教程网上有的是，大家随便搜索就是了，再大不了就花钱买本书看看。而想原型和闭包这类的稍微高级一些的教程，仔细想想，还真的有的讲，真的能讲出自己的思路。</span></p><p><img src="https://img-blog.csdnimg.cn/2022010622155192267.png" style="max-width:100%;"><span style="color: rgb(0, 0, 0); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px;"><br></span></p><p style="margin-right: auto; margin-left: auto; color: rgb(0, 0, 0); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px;">　　我觉得只要是自己埋头要做的东西，就一定要和别人不一样，从各个方面都要思考，思考，再思考。包括文章的篇幅，语言的表达，图文并茂，讲解的思路……都要从读者角度去考虑。</p>'
//         }
//       },
//       methods: {
//         getContent: function () {
//           console.log(this.editorContent)
//             alert(this.editorContent)
//         }
//       },
//       mounted() {
      
// //          document.getElementById("geteditordata").innerHTML = `<p>dsfdsfd<span style="color: rgb(0, 0, 0); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px;">　　我从来都不做基础入门教程，因为基础入门的教程，要想讲的和别人不一样很难。所以，基础入门的教程网上有的是，大家随便搜索就是了，再大不了就花钱买本书看看。而想原型和闭包这类的稍微高级一些的教程，仔细想想，还真的有的讲，真的能讲出自己的思路。</span></p><p style="margin-right: auto; margin-left: auto; color: rgb(0, 0, 0); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px;">　　我觉得只要是自己埋头要做的东西，就一定要和别人不一样，从各个方面都要思考，思考，再思考。包括文章的篇幅，语言的表达，图文并茂，讲解的思路……都要从读者角度去考虑。</p>

//         var editor = new E(this.$refs.editor)
//         editor.customConfig.onchange = (html) => {
//           this.editorContent = html;
//        //   html = this.editorContent;
//         };
       
//           // 关闭粘贴样式的过滤
//     editor.customConfig.pasteFilterStyle = false
//     // 忽略粘贴内容中的图片
//     editor.customConfig.pasteIgnoreImg = false
//     // 自定义处理粘贴的文本内容

//     editor.customConfig.pasteTextHandle = function (content) {
//         // content 即粘贴过来的内容（html 或 纯文本），可进行自定义处理然后返回
//         return content + '</br>'
//     }
//     //使用base64处理图片
//     editor.customConfig.uploadImgShowBase64 = true
//         editor.create();
//         // editor.txt.html = this.originContent;
//         //this.originContent初始的html值
//         this.editorContent = this.originContent;
//         editor.txt.html(this.editorContent);//实现可以在原来的基础上进行内容的添加等
//       },
//       created(){}

//     }
// </script>

// <style>
//     .cc.bb{border:1px solid green;width:100px;height:200px;}
//     .cc .bb{border:1px solid red;width:200px;height:100px;}
// </style>

这是当时写给他们看的模板，可做参考，觉得这样当时讨论的时候是传递的格式问题，这里传递的是html格式的字符串。不知道对后台具体的一些影响有哪些。后期可不可能导致数据库存储问题。哪位大神看见了有什么建议可以讨论一下呀，大家共同进步哟

3.swper 实现轮播

主见博文
https://editor.csdn.net/md/?articleId=106005143

4.ckEditor

我认为的优点是：ui看着很正规很好看，操作也简单易用，可以引入插件
缺点：在使用到图片上传的时候，它本身是有插件，但是好用的需要根据访问量付费，而且我拖动和更改了一下图片感觉体验不是很好，不太符合我的使用习惯，感觉交互有点死板；还有文档是英文的，哎，看着英文头疼
ckeditor 4 能兼容ie但是要引入兼容js才行 但是同事整合的代码新增插件的ie不支持，所以也是我为嘛让我优化插件的时候我选择重新找一个的原因之一
ckeditor 5 不兼容ie

5、tinymce

有专门的中文文档，ie也支持，大部分基础插件都支持，部分插件需要收费
上传图片后编辑图片操作很顺畅

缺点：图标看着不够正式，不太好看，样式不够精致。还是少了一下扩展可更改样式等的方法，感觉还行吧，就是想改点样式的，没找到在哪里改动

6.dayjs

一个轻量的处理时间日期的javascript库

7.momentjs

一个处理javascipt 日期处理器库

先记录一下，晚点来更新一下两者个区别和使用 但是先给自己布置个任务吧