SpringBoot整合Editor.md实现Markdown编辑器

Editor.md 是一款开源的、可嵌入的 Markdown 在线编辑器（组件），基于 CodeMirror、jQuery 和 Marked 构建。

一、技术选型及分支部署

SpringBoot整合Editor.md构建Markdown编辑器共分为三个版本

框架	SpringBoot1.x
Markdown插件	Editor.md
持久层框架	SpringBootJPA
部署分支	master

框架	SpringBoot2.x
Markdown插件	Editor.md
持久层框架	SpringBootJPA
部署分支	dev

框架	SpringBoot2.x
Markdown插件	Editor.md
持久层框架	MybatisPLus
部署分支	test

预览地址	http://localhost/editorWeb/preview/{id}
编辑地址	http://localhost/editorWeb/edit/{id}
博客地址	https://blog.csdn.net/weixin_40816738/article/details/103160267
Github 下载	https://github.com/gb-heima/editor-markdown

二、集成手册

2.1. 下载项目

git clone [e-mail]:gb-heima/editor-markdown.git

2.2. 创建数据库

数据 库名 : editor-markdown 数据库编码: utf-8

2.3. 初始化数据库脚本

master分支和dev分支脚本

DROP TABLE IF EXISTS `editor`;
CREATE TABLE `editor` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `text_content` longtext,
  `content` longtext,
  `create_time` date DEFAULT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=5 DEFAULT CHARSET=utf8;

test分支脚本

DROP TABLE IF EXISTS `editor`;
CREATE TABLE `editor` (
  `id` bigint(20) NOT NULL COMMENT '主键',
  `text_content` longtext COMMENT '内容',
  `content` longtext,
  `create_time` datetime DEFAULT NULL COMMENT '修改日期',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;

2.4. 修改数据库用户名/密码 默认root/root

2.5. 启动项目 任选其一即可

2.6. 浏览器输入localhost访问

• 默认为博文发表页面
• 
  
  7.预览博文
  预览博文：http://localhost/editorWeb/preview/{id}
  

2.8. 编辑博文

编辑博文：http://localhost/editorWeb/edit/{id}

2.9. 源码地址

https://github.com/gb-heima/editor-markdown/tree/master

到这里 SpringBoot集成Editor.md已经完成了！！！

下一篇：SpringBoot集成Editor.md 流程详细
https://blog.csdn.net/weixin_40816738/article/details/103162025