有个问题哈,
getHTML 的结果被 html2md 转换的结果不正确,比如:
- 部分代码块的的标识转换没了
这应该是 lute 通用的转换函数所至,
时间有限, 还未阅读全部文档,
有哪位大佬有这两个 api 无损转换的例子吗
有个问题哈,
getHTML 的结果被 html2md 转换的结果不正确,比如:
这应该是 lute 通用的转换函数所至,
时间有限, 还未阅读全部文档,
有哪位大佬有这两个 api 无损转换的例子吗
我用的是 第一个方案
function transformHtml(html) {
const box = document.createElement('div');
box.innerHTML = html;
const supMap = {};
// 注意: 有先后顺序,脚注也可以包含自定义区块
const selector = [
// sup: class="footnotes-ref"
{
css: 'sup.footnotes-ref',
convert: (node) => {
const a = node.querySelector('a');
const href = a && a.getAttribute('href');
const [_, id] = /#(.+)/g.exec(href) || [];
const mark = a.innerText;
supMap[id] = mark;
node.outerHTML = `[^${mark}]`;
}
},
// supDefs:,
{
css: 'div.footnotes-defs-div',
convert: (node) => {
let defIndex = 1;
const defs = node.querySelectorAll('.footnotes-defs-ol>li');
const refs = node.querySelectorAll('.footnotes-defs-ol .vditor-footnotes__goto-ref');
// 去掉内容的跳转
refs.forEach(node => node.outerHTML = '');
const result = Array.from(defs).map(li => {
const id = node.getAttribute('id');
// 注意这里的div,不加这层容器解释的内容不正确
return `<div>[^${supMap[id] || defIndex++}]: ${li.innerHTML}</div>`;
}).join('');
node.outerHTML = result;
}
},
// customCode
{
// language-math
css: 'div[class^="language-"]',
convert: (node) => {
const clsName = node.getAttribute('class');
const [_, language] = /\blanguage-([^\s]+)/g.exec(clsName);
let str = '';
switch (language) {
case 'math':
str = `$$
${node.innerText}
$$`
break;
default:
str = `<pre><code class="${clsName}" >${node.innerHTML}</code></pre>`
}
node.outerHTML = str;
}
}
]
selector.forEach(({ css, convert }) => {
box.querySelectorAll(css).forEach(convert)
});
return box.innerHTML;
}
我目前有三个方案,
html2md
前处理 html 字符串,<div class="language-mindmap">- 教程</div>
转换成 <pre><code class="language-mindmap">- 教程</code></pre>
export const getHTML = (vditor: IVditor) => {
if (vditor.currentMode === "sv") {
return vditor.lute.Md2HTML(getMarkdown(vditor));
} else if (vditor.currentMode === "wysiwyg") {
return vditor.lute.VditorDOM2HTML(vditor.wysiwyg.element.innerHTML);
} else if (vditor.currentMode === "ir") {
return vditor.lute.VditorIRDOM2HTML(vditor.ir.element.innerHTML);
}
};
HTML2Md
方法,对 md 的转换规则做特殊支持Ant Design 是服务于企业级产品的设计体系,基于确定和自然的设计价值观上的模块化解决方案,让设计者和开发者专注于更好的用户体验。
据说 99% 的性能瓶颈都在数据库。
GitBook 使您的团队可以轻松编写和维护高质量的文档。 分享知识,提高团队的工作效率,让用户满意。
SVN 是 Subversion 的简称,是一个开放源代码的版本控制系统,相较于 RCS、CVS,它采用了分支管理系统,它的设计目标就是取代 CVS。
Openfire 是开源的、基于可拓展通讯和表示协议 (XMPP)、采用 Java 编程语言开发的实时协作服务器。Openfire 的效率很高,单台服务器可支持上万并发用户。
SQL Server 是由 [微软] 开发和推广的关系数据库管理系统(DBMS),它最初是由 微软、Sybase 和 Ashton-Tate 三家公司共同开发的,并于 1988 年推出了第一个 OS/2 版本。
SQLite 是一个进程内的库,实现了自给自足的、无服务器的、零配置的、事务性的 SQL 数据库引擎。SQLite 是全世界使用最为广泛的数据库引擎。
Quicker 您的指尖工具箱!操作更少,收获更多!
InfluxDB 是一个开源的没有外部依赖的时间序列数据库。适用于记录度量,事件及实时分析。
FreeMarker 是一款好用且功能强大的 Java 模版引擎。
Postman 是一款简单好用的 HTTP API 调试工具。
Redis 是一个开源的使用 ANSI C 语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value 数据库,并提供多种语言的 API。从 2010 年 3 月 15 日起,Redis 的开发工作由 VMware 主持。从 2013 年 5 月开始,Redis 的开发由 Pivotal 赞助。
Communication channel for makers and users.
Chrome 又称 Google 浏览器,是一个由谷歌公司开发的网页浏览器。该浏览器是基于其他开源软件所编写,包括 WebKit,目标是提升稳定性、速度和安全性,并创造出简单且有效率的使用者界面。
TextBundle 文件格式旨在应用程序之间交换 Markdown 或 Fountain 之类的纯文本文件时,提供更无缝的用户体验。
Log4j 是 Apache 开源的一款使用广泛的 Java 日志组件。
Google App Engine(GAE)是 Google 管理的数据中心中用于 WEB 应用程序的开发和托管的平台。2008 年 4 月 发布第一个测试版本。目前支持 Python、Java 和 Go 开发部署。全球已有数十万的开发者在其上开发了众多的应用。
Thymeleaf 是一款用于渲染 XML/XHTML/HTML5 内容的模板引擎。类似 Velocity、 FreeMarker 等,它也可以轻易的与 Spring 等 Web 框架进行集成作为 Web 应用的模板引擎。与其它模板引擎相比,Thymeleaf 最大的特点是能够直接在浏览器中打开并正确显示模板页面,而不需要启动整个 Web 应用。
GraphQL 是一个用于 API 的查询语言,是一个使用基于类型系统来执行查询的服务端运行时(类型系统由你的数据定义)。GraphQL 并没有和任何特定数据库或者存储引擎绑定,而是依靠你现有的代码和数据支撑。
ZeroNet 是一个基于比特币加密技术和 BT 网络技术的去中心化的、开放开源的网络和交流系统。
持续集成(Continuous Integration)是一种软件开发实践,即团队开发成员经常集成他们的工作,通过每个成员每天至少集成一次,也就意味着每天可能会发生多次集成。每次集成都通过自动化的构建(包括编译,发布,自动化测试)来验证,从而尽早地发现集成错误。
前端技术一般分为前端设计和前端开发,前端设计可以理解为网站的视觉设计,前端开发则是网站的前台代码实现,包括 HTML、CSS 以及 JavaScript 等。
星云链是一个开源公链,业内简单的将其称为区块链上的谷歌。其实它不仅仅是区块链搜索引擎,一个公链的所有功能,它基本都有,比如你可以用它来开发部署你的去中心化的 APP,你可以在上面编写智能合约,发送交易等等。3 分钟快速接入星云链 (NAS) 测试网
Kafka 是一种高吞吐量的分布式发布订阅消息系统,它可以处理消费者规模的网站中的所有动作流数据。 这种动作(网页浏览,搜索和其他用户的行动)是现代系统中许多功能的基础。 这些数据通常是由于吞吐量的要求而通过处理日志和日志聚合来解决。
V2EX 是创意工作者们的社区。这里目前汇聚了超过 400,000 名主要来自互联网行业、游戏行业和媒体行业的创意工作者。V2EX 希望能够成为创意工作者们的生活和事业的一部分。
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于