當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
SpringBoot整合Editor.md实现Markdown编辑器
生活随笔
收集整理的這篇文章主要介紹了
SpringBoot整合Editor.md实现Markdown编辑器
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
Editor.md 是一款開源的、可嵌入的 Markdown 在線編輯器(組件),基于 CodeMirror、jQuery 和 Marked 構建。
文章目錄
- 一、技術選型及分支部署
- 二、集成手冊
- 2.1. 下載項目
- 2.2. 創建數據庫
- 2.3. 初始化數據庫腳本
- 2.4. 修改數據庫用戶名/密碼 默認root/root
- 2.5. 啟動項目 任選其一即可
- 2.6. 瀏覽器輸入localhost訪問
- 2.8. 編輯博文
- 2.9. 源碼地址
一、技術選型及分支部署
SpringBoot整合Editor.md構建Markdown編輯器共分為三個版本
| Markdown插件 | Editor.md |
| 持久層框架 | SpringBootJPA |
| 部署分支 | master |
| Markdown插件 | Editor.md |
| 持久層框架 | SpringBootJPA |
| 部署分支 | dev |
| Markdown插件 | Editor.md |
| 持久層框架 | MybatisPLus |
| 部署分支 | test |
| 編輯地址 | 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 git@github.com:gb-heima/editor-markdown.git2.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
總結
以上是生活随笔為你收集整理的SpringBoot整合Editor.md实现Markdown编辑器的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: (需求实战_进阶_04)SSM集成Rab
- 下一篇: 负载均衡工具 haproxy 集群安装部