js解析markdown文件（Markdown.Converter.js)

最新推荐文章于 2023-09-07 15:54:12 发布
VIP文章 最新推荐文章于 2023-09-07 15:54:12 发布
阅读量1.1w 收藏 6
点赞数 2
分类专栏： 学js那些事儿 文章标签： python markdown js PageDown
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/werewolf_st/article/details/49160931
版权

要实现的功能是用js来解析后台传来的md文件，我采用的是使用pagedown的Markdown.Converter.js文件来完成解析操作

思路如下：
  • 准备一个简单的html页面
  • 一个向后台请求md文件的js
  • 后台接收请求并返回md文件的路由（语言是python）

步骤：

  • 简单的html页面：
<!DOCTYPE html>
<html>
<head>
    <title>test</title>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js">
最低0.47元/天 解锁文章
werewolf_st
关注
  • 2
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript 读取markdown文件
TMBKK的博客
11-21 1334
前端读取markdown文件 引入mark.js 文件 <script type="text/javascript" src="mark.js"></script> 创建markdown显示区域 <div id="markdownContent"></div> css设置markdown大小 *{ padding: 0;margin: 0; } #markdownContent{ width:100vw;heig
jquery实现页面等待时的交互效果
热门推荐
前行
10-17 1万+
探索这个是因为前端在请求后台有时候需要较长的一段时间，如果不给不用户一些提示性的消息，如正在加载之类的，用户可能会以为页面已死，所以还是得简单的做点交互才行。 思路如下： 在触发请求后台之前便开始等待效果 在收到后台返回数据时候便取消等待效果 等待效果如何实现，这个才是主要问题 步骤： 等待效果的实现：（先直接上代码吧): test.html<!DOCTYPE html> <html> <head>
JS加载解析Markdown文档过程详解
01-19
网上有很多网站会通过.md文档来做页面内容，很好奇，这是怎么做的？ 出于好奇，建了一个test.md文件： # Hello World! asdfa asd *斜体文本* **粗体文本** ***斜粗体文本*** 分隔线（如下） *** * * * **** - - - ----------- GOOGLE.COM ~~删除线~~ 下划线 用浏览器打开之后，结果就被原封不动的输出来了，浏览器根本不会解析这玩意… 跟阮老师的blog相差好大啊~呵呵~还是太天真了！ 然后，发现： 原来markdown文本还是需要用marked.js这么一个库来解析的！于是乎，依葫芦画个瓢 <
js解析MarkDown语法
coder1998的博客
05-27 3997
js解析MarkDown语法 问题描述: 我们使用MarkDown编辑器之后，比如我们写的MarkDown的语法的语法 ### 一级标题 #### 二级标题 ##### 三级标题 这种语法我们最终要转换成HTML的格式最终要存入数据库(比如说存入MySql Oracle SqlServer Redis 等 都可以) 那问题来了，我们怎么转换语法呢? 解决问题方案: 我们要转换MarkDown语法，其中官方早就提高好了 转换的js代码，通过marked.js 该文件下载地址: 方式一: 官网可以下载 htt
「Javascript」解析markdown为html——标题篇
cumtLeibnizDavid的博客
03-20 592
在 markodwn 解析中，标题是最简单的格式之一。简单到只需要将 “#” 符号去掉，换之 html 的标题标签即可。
js实现简单的markdown解码
qq_39494664的博客
02-21 1894
1.读取md文件，并且直接替换源文本中的连接为html格式 读取采取拖拽方式 可以读取多个md文件，但是能转换最后一次拖进去的，就当是查看文件大小了QAQ 直接上代码 var data, fileData, num = 0; window.onload = function() { var drag = document.getElementById("content"); //目标区域 ...
前端js读取本地md或txt文件内容
阿赛
09-07 1507
【代码】前端js读取本地md或txt文件内容。
「Javascript」解析markdown为html——引用篇
cumtLeibnizDavid的博客
03-18 1005
在建设自己的博客时，由于没有实力置办服务器和云服务器，而且也没有这个必要。所以我想通过托管自己的静态网页，但是对于静态网站来说，数据的修改比较麻烦。截止今天，根据我的一些思路，用 javascript 将网站尽可能地动态化，对于数据修改可以达到 ”更新一处，处处更新” 的效果。并且选择用 markdown 文本来存储博客，在浏览器实时渲染，这是我的个人博客（点这里），欢迎访问。网上看到的 js 库虽然很强大，但是需要我调整 css 样式以达到想要的效果，所以我选择自己实现，这样。
js 处理markdown文件字符串
weixin_45907996的博客
08-21 282
起因是最近要用chatgpt 接口放网页上做个工具，观察返还的字符串，感觉跟markdown 字符串差不多。然后找到了vue,记得官网上有个markdown的示例，在这代码上面看到了一个mark的包，搜了一下，有如下示例。基本上可以直接用了都。
js：marked实现markdown解析并生成html
彭世瑜的博客
08-08 628
【代码】js：marked实现markdown解析并生成html。
js实现简单的Markdown解析器
小白的劝退之路
02-25 5635
首先，解析文件需要先上传文件，这里使用Html5 js FileReader接口事件对选择的readme.md文件进行读取，然后通过文本框的属性将文件以文本的格式显示出来，部分代码如下。 (学习资源：https://www.cnblogs.com/access520/p/5672435.html) var result=document.getElementById(&amp;quot;result&amp;quot;); ...
markdown:Node.js Markdown到HTML解析器
05-04
Node.js Markdown到HTML解析器 此Markdown-to-HTML解析器使用自定义的，轻量级的Markdown语法。 它允许创建：斜体，粗体，删除线和上标文本，标题，链接，图像，视频，音频，内联代码，多行代码，无序列表，有序...
Markdown程序员简历模板.MD
11-20
一个极简大方规范的Markdown程序员简历模板
Markdown简易解析器.zip
02-22
简单UI设计，基本Markdown转化格式。使用原生Js实现，适合借鉴做法。设计的知识点有：文件读写，正则表达式，html，css等一些基本知识，适合入门js的新手学习(滑稽)。
markdown:基于marked.js 的Meteor 的GitHub 风格的降价解析器
06-01
降价基于marked.js v0.3.3的Meteor的GitHub风格的降价解析器默认情况下启用 GFM 表和换行符。用法在模板中的任何地方添加 markdown 块并在里面写下 markdown。 例子： {{#markdown}}...markdown text here...{{/...
使用简单的命令创建Markdown文档-Node.js开发
05-27
使用简单的命令创建markdown文档:person_tipping_hand:创建Markdown使用简单的命令创建文档:pushpin:目录:person_tipping_hand:创建Markdown:red_question_mark:关于我为什么要做这个？ :eyes:先决条件:high_voltage...
jquery排除某个元素
前行
10-17 2020
在项目中想要实现移除ul下的li，可是第一个li又不能被移除，于是就用到了排除 test.js$(function(){ $('#btn').click(function(){ $('#test li:not(#no)').remove(); }); });demo.html<!DOCTYPE html> <html> <head> <script src="
jquery实现元素的隐藏与显示
前行
10-17 1968
jq实现按钮的显示与隐藏，搜索了下很多很多的资料，也挺简单的，这里也自己记录一份下来 hide.js:$(function(){ $('#hide').click(function(){ $('#btn1').hide(); }); });show.js:$(function(){ $('#show').click(function(){ $(
markdown s.t.
最新发布
09-27
markdown是一种轻量级的标记语言，它被广泛用于文档编写和网页编辑。使用markdown可以轻松地创建格式化的文本，包括标题、段落、列表、链接和图片等。在markdown中，通过使用特定的符号和标记来表示不同的格式和结构。例如，使用#表示标题，使用*或-表示列表，使用![图片描述](图片链接)来插入图片等。 在引用中提到的一些实用的小技巧包括： - 使用Tab键来创建目录 - 插入代码段 - 中断有序列表 - 图片固定比例的放缩 - 使用一些常用的符号和latext符号 - 使用灰体表示 markdown还可以用于生成精美的演示文稿，例如使用impress.js库。通过markdown，可以轻松地创建幻灯片，插入图片和列表等。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值