日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > javascript >内容正文

javascript

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

發布時間:2024/9/27 javascript 31 豆豆
生活随笔 收集整理的這篇文章主要介紹了 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編輯器共分為三個版本

框架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 git@github.com: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

總結

以上是生活随笔為你收集整理的SpringBoot整合Editor.md实现Markdown编辑器的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。