java editor怎么编译_Java集成editor.md开发markdonw程序

前言

本篇主要是使用Java语言结合开源editor.md进行开发markdown论坛功能，具体请看下图，如果不是你想要的，那可以看我另外一篇使用commonmark-java解析成html文档的文章

详细功能：

markdown界面很简洁，简书也就是这样，下图是你想要的吗？

详细功能图

原材料准备

editor.md

是国人开发的开源在线Markdown编辑器，单纯基于前端JavaScript，无需后台代码加持，适用于任何语言，我这里使用examples示例来进行改造，很久没更新了.....

首页地址：http://pandao.github.io/editor.md/

目录结构

项目搭建，资源准备

注意：这个步骤过程有点繁琐，尤其是一些资源文件的访问，所以可以根据自己的情况进行调整，但一定要看到第10步对应的界面，资源准备才算完成

名词：下述所有的“外层”表示源码包的第一层目录

新建SpringBoot项目，这里不做赘述，不会的朋友请看超简单SpringBoot搭建

然后将外层examples文件夹中的css、js资源，拷贝到resources下的static中

将外层examples文件夹中的simple.html示例文件拷贝到工程的templates下面，如下图

资源准备

编辑simple.html文件，将如下图的资源文件路径根据你的项目进行调整

css资源

js资源

上图中的editormd.css和editormd.min.js需要从外层文件中拷贝进来，拷贝进来后如下图

准备editormd.css和editormd.min.js

拷贝外层的lib目录

lib目录加载

拷贝外层的fonts目录，并且将外层文件夹images中的loading.gif拷贝到我们项目的images中

fonts目录，loading.gif文件

最终 调整后的simple.html文件内容为

最终路径与内容对比

加入Controller类，以便于做后续操作

image.png

启动服务器，要求能够访问simple.html，并且样式能够正常加载没有错误，如下图

看到该图后才可进行下一步

开始开发，前方高能

开发主要分为3个层面

简单的后台提交内容示例。

前台接收mark