原生 JS 实现 HTML 转 Markdown，以及其实现逻辑

最新推荐文章于 2024-07-01 14:35:18 发布
最新推荐文章于 2024-07-01 14:35:18 发布
阅读量368 收藏
点赞数
分类专栏： it 文章标签： 计算机
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/www_xuhss_com/article/details/123606704
版权

Python微信订餐小程序课程视频

https://edu.csdn.net/course/detail/36074

Python实战量化交易理财系统

https://edu.csdn.net/course/detail/35475
之前因为一些需要，需要转换部分 HTML 标签成 markdown 格式，但是不知不觉就完善到一个相对完整的函数。

然后我就封装成了一个文件放在了 github ，也简单做了两个示例网页。

  1. HTML 转换 – https://kohunglee.github.io/html2md/example/conversion.html
  2. 直接就粘贴成 markdown 格式 – https://kohunglee.github.io/html2md/example/Paste_and_convert.html

代码地址在 html2md

image

其实这类函数在 github 上有很多，但是或多或少都对 HTML 的还原支持的不够完善，比如 turndown.js 是最热门的，但却不支持表

最低0.47元/天 解锁文章
HTML 转 Markdown 如此简单的 JavaScript
ZuqCloud的博客
09-28 277
在本文中，我将向您展示如何使用简单的 JavaScript 将 HTML 转换为 Markdown。Markdown 是一种轻量级的标记语言，用于将文本格式化为易于阅读和编写的格式。而将 HTML 转换为 Markdown 可以方便地将 HTML 内容转化为适用于博客文章、文档或其他纯文本环境的格式。现在，我们将编写一个 JavaScript 函数来执行 HTML 转 Markdown 的操作。函数将示例的 HTML 内容转换为 Markdown，并将结果打印到控制台。在代码的末尾，我们使用。
javascript html转换成markdown,如何使用Turndown使用JavaScript将HTML转换为Markdown
weixin_42297591的博客
05-30 977
本文概述许多项目不是从定义的结构开始, 而是随着时间的流逝而变化。例如, 一个基本博客可能从一开始就使用HTML格式将其内容存储在数据库中, 但是由于其简单性, 总有一天某人可能希望开始使用Markdown而不是HTML, 在这种情况下, 你需要从一种格式转换为另一种格式。如果你将服务器端逻辑与JavaScript(Node.js)一起使用, 甚至直接在浏览器中将HTML转换为编辑器中的Markd...
Breakdance是一个node.js库用于将HTML转成markdown
08-09
Breakdance是一个node.js库用于将HTML转成markdown。高度可插拔，灵活且易于使用
html如何实现实时编译效果,html+js 实现markdown编辑器效果
weixin_42311265的博客
06-03 379
一：下载Editor.md1：进入官网直接进行下载2：使用npm进行下载npm install editor.md下载下来的文件结构如下：二：Editor.md的简单使用1：前提：引入css引入js2：html+js实现markdown效果$(function() {var editor = editormd("test-editor", {width : "100%", ...
js实现markdown转html
weixin_43436925的博客
02-19 3792
《js实现markdown转html》 页面如下： HTML: <!DOCTYPE html> <html lang="en"> <head>
Vuepress：将 js 文件注释转为 markdown
前端技术
01-31 750
一、安装 npm i vuepress-jsdoc -g 二、查看版本 以检查是否安装成功 vuepress-jsdoc -V 三、在项目文件夹下使用 vuepress-jsdoc --source ./src 注意必须得指定文件夹，不能如下写法，否则会无线循环 vuepress-jsdoc --source ./ 参考：https://github.com/ph1p/vuepress-jsdoc ...
web前端html+css+js实现学生信息管理系统
11-13
【标题】：“web前端html+css+js实现学生信息管理系统” 在web开发领域，构建一个学生信息管理系统是一项常见的任务，它能帮助教育工作者有效管理学生数据。本项目以HTML、CSS和JavaScript为核心技术，实现了一个...
原生JS实现文本框模拟下拉选择功能及美化效果
- `script.js` 或 `dropdown.js`：实现交互逻辑的JavaScript文件。 - `README.md`：提供安装、使用说明及API文档的Markdown文件。 开发者可以使用这些代码作为起点，根据实际需求进一步开发和定制。
Vite环境下Markdown转Vue组件的插件使用指南
这意味着在Markdown文件中可以嵌入Vue代码，进行数据绑定、组件交互等操作，从而使得文档与交互逻辑紧密集成。 ### 知识点五：使用标签管理知识点 在本文档中，使用了“JavaScript”和“Markdown Editor”两个标签...
一种构建在markdown和webassembly之上无JavaScript的新型轻量级快速网页浏览器
08-13
标题中的“一种构建在markdown和webassembly之上无JavaScript的新型轻量级快速网页浏览器”指出了一种创新的浏览器实现方式，它不依赖于传统的JavaScript，而是利用Markdown和WebAssembly技术。这种浏览器旨在提供更...
html2md:html to markdown，一个工具
06-21
##html转换成markdown文档 一个简单的转换工具，用于保存网页文档 ##运行 html2md <url> [container]
CMSjs是一个基于JavaScript的MarkdownSite生成器
08-07
CMS.js是一个受Jekyll启发的完全客户端，JavaScript Markdown Site生成器，它使用普通的HTML，CSS和JavaScript来生成您的网站。 CMS.js就像一个基于文件的CMS。 它需要您的内容，呈现Markdown并以单页面应用程序的方式提供完整的网站...无需服务器端脚本（没有Node.js，PHP，Ruby等）的帮助。
html2md:JavaScript 中的 HTML 到 Markdown 转换器
07-01
HTML2MD：JavaScript HTML-to-Markdown 转换器 HTML2MD 试图通过将 HTML 文档简化为简单的、与 Markdown 兼容的部分来将 HTML 转换为 Markdown。 该库与浏览器和 Node.js 兼容。 HTML2MD 尽其所能转换任何给它的 HTML，但它绝不是完美的。 例如，重格式化的文档可能无法正确转换。 关于 HTML 的一些假设概述了其局限性： 内联元素不包含块元素。 标准 HTML 块元素用于定义和分隔内容。 安装 从我们的下载最新版本并通过脚本标签使用。 变量html2md将附加到window 。 < script type =" text/javascript " src =" html2md.js " > </ script > 如果使用 Browserify 或 Node.js，您可以通过 NPM 安装并通过r
html-table-to-markdown-converter:将 HTML 表格转换为 Markdown。 粘贴进去，点击转换
05-31
将 HTML 表格转换为 Markdown。 粘贴要转换的表格的原始 HTML，例如： < table> < tr> < th> One </ th> < th> Two </ th> < th> Three </ th> </ tr> < tr> < td> Apples </ td> < td> Oranges </ td> < td> Pears </ td> </ tr> < tr> < td> Cakes </ td> < td> Donuts </ td> < td> Sweet Bread </ td> </ tr> </ table> 产生类似的东西： | One | Two | Three | | ------ | ------- | ----------- | | Ap
markdown 菜单生成工具
06-04
用以生成md的左侧菜单树 使用方法: 1.vscode 安装插件 2.编写自己的文档,需要自己带标题 3.生成html 4.把自己的html名称到这个html替换下 5.发布,以后只需要发布自己的html就可以了
云原生架构设计与实现
在本节中，我们将详细解释云原生的概念以及其背后的原则和理念。云原生是一种面向云计算环境设计和构建应用程序的方法论。它强调将应用程序拆分为小型、独立的服务，采用容器化技术进行部署，并借助自动化运维和持续...
javascript将html表格转换成markdown表格
最新发布
qinjiliaoqinmu的专栏
07-01 168
【代码】javascript将html表格转换成markdown表格。
html转markdown(转)
Mage的专栏
11-04 1550
转自:http://blog.topspeedsnail.com/archives/6787html2text是一个Python模块，用来把HTML格式转换为文本（Markdown）格式。# 安装html2text$ pip install html2text# 使用html2textimport html2text html = ''' Title Hello World
JavaScript编写的Markdown编辑器
debug_bug142的博客
09-17 348
Markdown是一种轻量级标记语言，用于简化文本的格式化和排版。它被广泛应用于各种场景，包括写作、博客、文档编辑等。在本文中，我们将使用JavaScript编写一个简单的Markdown编辑器。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值