js解析MarkDown语法

问题描述:

我们使用MarkDown编辑器之后，比如我们写的MarkDown的语法的语法

# 一级标题
## 二级标题
### 三级标题

这种语法我们最终要转换成HTML的格式最终要存入数据库(比如说存入MySql Oracle SqlServer Redis 等都可以) 那问题来了，我们怎么转换语法呢?

解决问题方案:
我们要转换MarkDown语法，其中官方早就提高好了转换的js代码，通过marked.js 该文件下载地址:

方式一: 官网可以下载
https://marked.js.org/

方式二: 也可以去码云上面下载
https://gitee.com/soul_PreCoder/springsecurity_demo

下载下来之后，我们就可以愉快的玩耍了
(1)引入marked.js到项目中

<script th:src="@{/static/js/plugins/markdown/js/marked.js}"></script>

(2)在保存方法之前进行转换

 var content = markDownObj[0].value; //获取到Markdown编辑框里面值formParamObj.detailContent= marked(content) //转换成HTML//发送ajax 提交到数据库

谢谢大家的关注…

js解析MarkDown语法相关推荐

前端如何正确配合后端解析markdown语法
前言我们使用后端把原始的markdown语法文本返回给前端,然后前端调用marked.js来解析到页面显示. 这里有可能用到的js链接 <link href="https://cdn ...
博客园markdown语法扩展
从Markdown语法解析说起 Markdown作为一种非常轻便的标记语言,非常适合博客的写作.其语法十分简单,一般都是一些特殊的字符组合来实现特定的语法,比如一级标题.二级标题,插图.插表等等.这些 ...
activiti高亮显示图片_第 09 篇：让博客支持 Markdown 语法和代码高亮
作者:HelloGitHub-追梦人物文中涉及的示例代码,已同步更新到HelloGitHub-Team 仓库[1] 为了让博客文章具有良好的排版,显示更加丰富的格式,我们使用 Markdown 语法 ...
Django博客--5.让博客支持 Markdown 语法和代码高亮
文章目录 0.前言 1.安装 Python Markdown 2.在 detail 视图中解析 Markdown 3.safe 标签 4.代码高亮 5.效果展示 0.前言 Markdown 是一种 H ...
markdown引入代码_第 09 篇：让博客支持 Markdown 语法和代码高亮
作者:HelloGitHub-追梦人物文中涉及的示例代码,已同步更新到HelloGitHub-Team 仓库[1] 为了让博客文章具有良好的排版,显示更加丰富的格式,我们使用 Markdown 语法 ...
wiki php markdown,一款支持Markdown语法的Wiki知识管理系统：Wikitten搭建教程
简介 Wikitten是一款开源Wiki知识管理系统,使用PHP开发,支持Markdown语法,无需数据库,自动生成树形目录,适合用来做个人Wiki知识库. 截图安装环境要求:PHP >= ...
Typora 的 Markdown 语法
概述 Markdown 由 Daring Fireball 创建,原始指南在这里.但是,它的语法因不同的解析器或编辑器而异.Typora 正在使用 GitHub Flavored Markdown. ...
MarkDown语法学习教程,2分钟学会速写个人GitHub,轻量化,快捷,迅速,方便.
Markdown 语法: 使用 GitHub Flavored Markdown 语法,简称 GFM 语法. 支持表格.TOC.LaTeX.代码块.任务列表.脚注等. 画图库支持 mermaid, v ...
一款美观实用的在线文档编辑系统，支持Markdown语法
说明:最近博主对文档程序小有需求,找了很久发现都是单页,而且还不支持移动端,不是很理想,所以就专门花了半天时间,写了一个,该文档程序基于graphql.nuxtjs.mongodb.keystonej ...

js解析MarkDown语法

js解析MarkDown语法相关推荐

最新文章

热门文章