什么是markdown?

markdown是一种可以使用普通文本编辑器编写的标记语言。它可以通过简单的标记语法使普通文本内容具有一定的格式。Markdown的语法简洁明了、学习容易，而且功能比纯文本更强，因此有很多人用它写博客。

marked解析markdown文本

简单的解析器，如图

<!doctype html>
<html><head><meta charset="utf-8" /><title>markdown</title><script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script><script src="https://cdn.bootcss.com/marked/0.8.1/marked.min.js"></script><style>* {padding: 0;margin: 0;}.container {width: 100%;height: 100vh;display: flex;}.left,.right {width: 50vw;height: 100vh;overflow-y: scroll;}.line {border-left: 1px solid #cccccc;}.textarea {width: 100%;height: 100%;border: none;border: none;outline: none;resize: none;background: #f2f2f2;font-size: 16px;text-indent: 2px;padding: 20px 0;}blockquote {background: #f2f2f2;padding: 20px;margin: 20px;}h1,h2,h3,h4,h5,h6 {padding-left: 20px;padding-top: 20px;}a {padding: 20px 0;}pre {margin: 10px;padding: 20px;}::-webkit-scrollbar {width: 0 !important}</style>
</head><body><div class="container"><div class="left"><textarea class="textarea"></textarea></div><div class="line"></div><div class="right"></div></div><script>$(function () {$(`body`).delegate('textarea', 'propetychange input', function () {$('.right').html(marked.parse($(this).val()));//hljs.highlightAll();})$('.textarea').scroll(function () {$('.right').scrollTop($(this).scrollTop());$('.right').scrollLeft($(this).scrollLeft());});$('.right').scroll(function () {$('.textarea').scrollTop($(this).scrollTop());$('.textarea').scrollLeft($(this).scrollLeft());});})</script>
</body></html>

扩展成高亮展示

引用

<link rel="stylesheet" href="http://yandex.st/highlightjs/8.0/styles/solarized_dark.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/highlight.min.js"></script>

调用 hljs.highlightAll();

简单的Markdown解析器相关推荐

Java如何解析markdown_使用Java实现的一款Markdown解析器md2x
使用Java实现的一款Markdown解析器md2x 前段时间在写自己的博客程序的时候,在前台使用了marked.js来解析自己的markdown文章,然后发现在进入文章页面的时候总会闪烁一下(前台解 ...
Android 平台下的原生 Markdown 解析器
Markdown 项目地址:zzhoujay/Markdown 简介:Android 平台下的原生 Markdown 解析器 Android 平台的原生 Markdown 解析器,已整合进 RichT ...
小笔记：表 - 各种语言的 CommonMark Markdown解析器实现
表:各种语言的 CommonMark Markdown解析器实现本文地址:https://blog.csdn.net/qq_28550263/article/details/128735962 1 ...
刘光瑞php,PHP Markdown 解析器 HyperDown
软件介绍 HyperDown 是 SegmentFault 开发的一个结构清晰.易于维护.现代的 PHP Markdown 解析器. Markdown已经面世许多年了,国内外许多大大小小的网站都在用它 ...
自己动手实现一个简单的JSON解析器
1. 背景 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.相对于另一种数据交换格式 XML,JSON 有着诸多优点.比如易读性更好,占用空间更少等.在 ...
json string 格式_自己动手实现一个简单的JSON解析器
作者:田小波原文:http://cnblogs.com/nullllun/p/8358146.html 1. 背景 JSON(JavaScript Object Notation) 是一种轻量级的数 ...
一个简单的json解析器
实现一个简单地json解析器. 两部分组成,词法分析.语法分析词法分析 package com.mahuan.json;import java.util.LinkedList; import jav ...
FFmpeg的HEVC解码器源代码简单分析：解析器（Parser）部分
===================================================== HEVC源代码分析文章列表: [解码 -libavcodec HEVC 解码器] FFmpe ...
手写了一个简单的JSON解析器，网友直乎：牛！
作者 | 田小波来源 | http://r3m2u.cn/4455O 背景 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.相对于另一种数据交换格式 X ...
一个简单的公式解析器
为了理解算法中的文法分析,用一个简单的公式解析器来说明. 公式计算是电子表格中的常用功能.主要是实现了些简单的公式计算: 比如:=Sum(A1,A2) 假设我们要实现简单的公式解析,我们从头开始 ...

简单的Markdown解析器

什么是markdown?

marked解析markdown文本

简单的解析器，如图

扩展成高亮展示

引用

简单的Markdown解析器相关推荐

最新文章

热门文章