js插件markdown文档解决方案

当今图文混排是一个技术难点如果是程序员可以用html书写或者word文档但是我们能不能实现我们在网页端实现书写图文混排和展示图文混排。

为什么不适用word文档插件，其实作者也使用过不过出现了一些作者无法解决的问题，比如word文档转换html或者html转换word后会出现格式不对的现象，这使得作者很困扰。再者我们需要在网页端书写漂亮的文档，并且把数据保存到数据库，以便于后面的展示以及修改删除操作。

…

---

言归正传，不多bb别的啥了，现在先介绍我们使用的js插件：

Editor.md

一款国产开源在线 Markdown 编辑器=、可嵌入的 Markdown 在线编辑器（组件），基于 CodeMirror、jQuery 和 Marked 构建。
Github上也有8.4k星星看来人气还是不错的
主要特性:

支持通用 Markdown / CommonMark 和 GFM (GitHub Flavored Markdown) 风格的语法，也可变身为代码编辑器；
支持实时预览、图片（跨域）上传、预格式文本/代码/表格插入、代码折叠、跳转到行、搜索替换、只读模式、自定义样式主题和多语言语法高亮等功能；
支持 ToC（Table of Contents）、Emoji表情、Task lists、@链接等 Markdown 扩展语法；
支持 TeX 科学公式（基于 KaTeX）、流程图 Flowchart 和 时序图 Sequence Diagram;
支持识别和解析 HTML 标签，并且支持自定义过滤标签及属性解析，具有可靠的安全性和几乎无限的扩展性；
兼容主流的浏览器（IE8+）和 Zepto.js，且支持 iPad 等平板设备；

---

enenen
官方吹逼介绍完毕，现在来电通俗点的语言。
1.它是干嘛的？它是一款开源的并且是一款js插件，就是能在网页端书写展示markdown的插件。
2.它功能多不多？能满足正常人类的书写需求了。
3.它用起来方便否？方便就那么几行死代码设置下就完了。

好的，现在贴出代码：
加载一个书写的markdown文本

这里为了编辑器的美观需要导入一些css样式
    
    
    
    
    
    

enen 现在我们已经完了我们文章的改增操作，现在我们来做一个显示操作，我们写了这个文章是不是也要展示给用户看，但总不能直接弄个编辑器给用户看把，不美观，能不能像html写的文章一样展示，答案当然是可以的

废话不说直接上代码：

//导入css样式



//导入js插件文件









//这就是暂时的html的一个div咯

    


//加载一下显示

至此，我们的图文混排解决方案就告一段落了，这里没有去讲解此插件的源码以及运行原理，重点主要讲解了使用方法。下次有时间再来一起讨论讨论它的实现原理哦。