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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/522723.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【新功能】MaxCompoute禁止Full Scan功能开放

摘要: 2018年1月10日,MaxCompute禁止Full Scan功能开放。对于新创建的project默认情况下执行sql时,针对该project里的分区表不允许全表扫描,必须有分区条件指定需要扫描的分区。 点此查看原文:http://click.aliyun.com…

SpringBoot集成Editor.md 流程详细

接上一篇:SpringBoot整合Editor.md实现Markdown编辑器 https://blog.csdn.net/weixin_40816738/article/details/103160267 Editor.md 是一款开源的、可嵌入的 Markdown 在线编辑器(组件),基于 CodeMirror、jQuery 和 Marked 构建。 文章目录…

学阿里中台,80%的人只学到了皮毛!揭秘阿里中台的12个架构思维和原则

戳蓝字“CSDN云计算”关注我们哦!来源 | 阿里技术官方公众号(ali_tech)作者|九摩/阿里技术专家许多企业都忙于学习阿里的中台系统,想通过中台系统,解决企业当前的痛点,如:架构耦合度高、模块复用…

MaxCompute预付费资源监控工具-CU管家使用教程

摘要: MaxCompute管家使用前提 1、用户购买了 MaxCompute 预付费CU资源,60CU以上的用户(备注:CU过小无法发挥计算资源及管家的优势)。 2、支持区域,MaxCompute 华北2北京、华东2上海、华南1深圳 3个Region的…

SpringBoot2.x 整合websocket 消息推送,单独发送信息,群发信息

根据公司需求在SpringBoot项目中集成站内信,于是,我做了一个SpringBoot2.x 整合websocket 消息推送,给指定用户发送信息和群发信息即点点对方式和广播方式2种模式。 文章目录一、地址部署总览二、实战需求案例三、实战准备3.1. pom依赖3.2. a…

Spark精华问答 | 为什么要学Spark?

戳蓝字“CSDN云计算”关注我们哦!为什么要学习Spark?作为一个用来实现快速而通用的集群计算的平台。扩展广泛使用的MapReduce计算模型,而且高效地支持更多的计算模式,包括交互式查询和流处理。Spark的一个重要特点就是能够在内存中…

oracle导入dmp清除之前,oracle导入dmp遇到的有关问题

oracle导入dmp遇到的问题一、 首先要明白,导入导出dmp文件是通过cmd命令执行的,而不是通过SQL plus执行的.此外也可以借助PLSQLDev工具进行导入导出记得“导出可执行文件”选择客户端安装好的bin下的exp.exe工具二、发现在导出的过程有问题:网…

每个人都应该知道的25个大数据术语

摘要: 如果你初来乍到,大数据看起来很吓人!根据你掌握的基本理论,让我们专注于一些关键术语以此给你的约会对象、老板、家人或者任何一个人带来深刻的印象。 让我们开始吧: 1.算法。“算法”如何与大数据相关?即使算法是一个通用…

【个推CTO谈数据智能】之本质及技术体系要求

戳蓝字“CSDN云计算”关注我们哦!作者|安森来源|个推技术学院安森,个推CTO毕业于浙江大学,现全面负责个推技术选型、研发创新、运维管理等工作,已带领团队开发出针对移动互联网、金融风控等行业的多项前沿数据智能解决方案。曾任M…

企业打开Redis的正确方式,来自阿里云云数据库团队的解读

摘要: Redis是开源的基于内存且可以持久化的分布式 Key – Value数据库。自2009年发布最初版本以来,Redis的热度只增不减,除了经常位居DB-Engines的最受欢迎Key-Value数据库榜首之外,看阿里云技术总监为您深度解读云数据库Redis。…

2019 年度程序员吸金榜:你排第几?

作为全球知名招聘求职网站Indeed,最近发布了2019年度最佳工作榜单,公布了2019年的行业领域及工作岗位薪酬,在全行业的榜单中,跟程序员相关的岗位有9个!对此,大家纷纷留言表示程序员或成最大赢家&#xff01…

YAFFS2移植到AliOS Things指南

摘要: YAFFS2介绍 YAFFS(Yet Another Flash File System)是第一个专门为NAND Flash存储器设计的嵌入式文件系统,适用于大容量的存储设备。YAFFS 是基于日志的文件系统,提供磨损平衡和掉电恢复的健壮性。 点此查看原文&…

阿里云十年,从去“IOE”到引领云原生浪潮

戳蓝字“CSDN云计算”关注我们哦!作者 | 孙浩峰出品 | CSDN云计算(ID:CSDNcloud)2008年,王坚从微软亚洲技术研究院空降阿里,担任首席架构师。这个在阿里内部尊称为“博士”的首席架构师所学却是一个心理学博…

linux下mtr命令,如何使用Linux mtr命令

对于经常和Linux打交道的技术人员来说,mtr命令是一个非常实用的Linux命令。它可以进行实时网络诊断。本篇文章分享了linux mtr命令的详细使用示例。以下描述来自mtr命令的软件包信息。Mtr是一种网络诊断工具,将ping和traceroute组合到一个程序中。Mtr提供…

IntelliJ IDEA 单行注释调整

部分人并不习惯这种风格,所以一般会设置为单行注释的两个斜杠跟随在代码的头部,在File -> Setting -> Editor -> Code Style -> Java -> Code Generation 下如图设置即可

高速通道-冗余物理专线接入-健康检查配置

摘要: 组建混合云,用户的IDC需要通过物理专线与阿里云VPC互通,多线冗余是基本配置需求。阿里云提供的冗余冗余切换方案是在VPC中,用户掌握切换原理,即可自主在控制台完成冗余负载配置。 一 VPC健康检查IP机制1 健康检查…

OpenStack精华问答 | OpenStack的目标是什么?

关于OpenStack的争议,从未停止,每每关于它的消息,都会一石激起千层浪。今天就让我们看看关于OpenStack的问答吧。1Q : 什么是OpenStack?A : OpenStack,是目前最为流行的开源云操作系统框架。深入理解OpenStack需要围绕…

linux创建定时任务命令,linux设置定时任务的方法步骤

一,首先登录二,找到文件夹三,查看定时任务crontab -l四,vi root 编辑定时任务 编辑完成后,点ESC,然后:wq时间格式分钟 小时 日期 月份 周 命令数字范围 0-59 0-23 1-31 1-12 0-7 echo "hello" &g…

idea terminal终端修改为git bash设置

idea terminal终端修改为git bash设置: 修改前: 修改后:

iOS KVO crash 自修复技术实现与原理解析

摘要: 【前言】KVO API设计非常不合理,于是有很多的KVO三方库,比如 KVOController 用更优的API来规避这些crash,但是侵入性比较大,必须编码规范来约束所有人都要使用该方式。有没有什么更优雅,无感知的接入…