编辑器部分。语法高亮什么的估计需要你自己配置一下了。
之后推荐使用github的markdownAPI非常方便。
不用自己服务器他自动给你渲染成HTML
https://developer.github.com/v3/markdown/

markdown 编辑器就是把 markdown 语法翻译成 html 。以前用 markd 实现过类似SF的可见即可得的编辑器,你可以试试。

这还有个类似问题

有一个 pagedown 的组件，是javascript的，你可以在页面端实时将用户输出markdown转换为html，类似Mac上 Mou 的效果：屏幕分成两半，一半是Mardkown编辑器，一半是效果浏览器。
我想你要的是这个吧。
我之前做过一个，你可以直接参考 我的代码 。