Editor.md

editor.md作为一款Markdown编辑器,界面美观,功能强大 但是图片,文件上传方面缺少了剪切,拖拽上传,有那么一点每中不足，下面就简单实现一个，废话不多说,直接上代码。 uploadImg.js function initPasteDragImg(Editor){ var doc = document.getElementById(Editor.id) doc.addEventListener('paste', function (event) { var items = (event.clipboardData || window.clipboardData).items; var file = null; if (items && items.length) { // 搜索剪切板items for (var i = 0; i < items.length; i++) { if (items[i].type.indexOf('image') !== -1) { file = items[i].getAsFile(); break; } } } else { console.log("当前浏览器不支持"); return; } if (!file) { console.log("粘贴内容非图片"); return; } uploadImg(file,Editor); })

专注内容写作的你一定不要错过markdown 简单介绍 markdown是一种标记语言，通过简单的标记语法可以使普通的文本内容具有一定的格式，使用非常简单，学习成本极低 目前各大Blog平台都已支持markdown编辑器，某道云笔记也已支持markdown，各开源Blog，Wiki都在逐渐投入markdown的怀抱，身为技术人员如果现在还不知道markdown的话可能会被大佬diss editor.md是一款开源的的markdown编辑器，体验流畅且界面友好，被诸多系统所采用，本篇文章也主要使用editor.md编辑器做介绍 项目集成 editor.md编辑器的使用非常简单，只需如下几步 github下载软件放到项目内，这里我放在static/plugins下 git pull https://github.com/pandao/editor.md.git 页面引入css、js文件 <link rel="stylesheet" href="/static/plugins/editor.md/css/editormd.min.css"> // 依赖jquery，自行引入或参考demo <script src="/static/plugins/editor.md/js/editormd.min.js"></script> 创建一个DOM容器来容纳编辑器 <div id=