有个问题哈,
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 的转换规则做特殊支持Notion - The all-in-one workspace for your notes, tasks, wikis, and databases.
昆明尊园房地产经纪有限公司,即:Kunming Zunyuan Property Agency Company Limited(简称“尊园地产”)于 2007 年 6 月开始筹备,2007 年 8 月 18 日正式成立,注册资本 200 万元,公司性质为股份经纪有限公司,主营业务为:代租、代售、代办产权过户、办理银行按揭、担保、抵押、评估等。
Ruby 是一种开源的面向对象程序设计的服务器端脚本语言,在 20 世纪 90 年代中期由日本的松本行弘(まつもとゆきひろ/Yukihiro Matsumoto)设计并开发。在 Ruby 社区,松本也被称为马茨(Matz)。
Scala 是一门多范式的编程语言,集成面向对象编程和函数式编程的各种特性。
ZooKeeper 是一个分布式的,开放源码的分布式应用程序协调服务,是 Google 的 Chubby 一个开源的实现,是 Hadoop 和 HBase 的重要组件。它是一个为分布式应用提供一致性服务的软件,提供的功能包括:配置维护、域名服务、分布式同步、组服务等。
Vim 是类 UNIX 系统文本编辑器 Vi 的加强版本,加入了更多特性来帮助编辑源代码。Vim 的部分增强功能包括文件比较(vimdiff)、语法高亮、全面的帮助系统、本地脚本(Vimscript)和便于选择的可视化模式。
Latke 是一款以 JSON 为主的 Java Web 框架。
正则表达式(Regular Expression)使用单个字符串来描述、匹配一系列遵循某个句法规则的字符串。
深圳市大疆创新科技有限公司(DJI-Innovations,简称 DJI),成立于 2006 年,是全球领先的无人飞行器控制系统及无人机解决方案的研发和生产商,客户遍布全球 100 多个国家。通过持续的创新,大疆致力于为无人机工业、行业用户以及专业航拍应用提供性能最强、体验最佳的革命性智能飞控产品和解决方案。
黑曜石是一款强大的知识库工具,支持本地 Markdown 文件编辑,支持双向链接和关系图。
A second brain, for you, forever.
iOS 是由苹果公司开发的移动操作系统,最早于 2007 年 1 月 9 日的 Macworld 大会上公布这个系统,最初是设计给 iPhone 使用的,后来陆续套用到 iPod touch、iPad 以及 Apple TV 等产品上。iOS 与苹果的 Mac OS X 操作系统一样,属于类 Unix 的商业操作系统。
GitBook 使您的团队可以轻松编写和维护高质量的文档。 分享知识,提高团队的工作效率,让用户满意。
快应用 是基于手机硬件平台的新型应用形态;标准是由主流手机厂商组成的快应用联盟联合制定;快应用标准的诞生将在研发接口、能力接入、开发者服务等层面建设标准平台;以平台化的生态模式对个人开发者和企业开发者全品类开放。
强迫症(OCD)属于焦虑障碍的一种类型,是一组以强迫思维和强迫行为为主要临床表现的神经精神疾病,其特点为有意识的强迫和反强迫并存,一些毫无意义、甚至违背自己意愿的想法或冲动反反复复侵入患者的日常生活。
Hadoop 是由 Apache 基金会所开发的一个分布式系统基础架构。用户可以在不了解分布式底层细节的情况下,开发分布式程序。充分利用集群的威力进行高速运算和存储。
V2EX 是创意工作者们的社区。这里目前汇聚了超过 400,000 名主要来自互联网行业、游戏行业和媒体行业的创意工作者。V2EX 希望能够成为创意工作者们的生活和事业的一部分。
Rust 是一门赋予每个人构建可靠且高效软件能力的语言。Rust 由 Mozilla 开发,最早发布于 2014 年 9 月。
VirtualBox 是一款开源虚拟机软件,最早由德国 Innotek 公司开发,由 Sun Microsystems 公司出品的软件,使用 Qt 编写,在 Sun 被 Oracle 收购后正式更名成 Oracle VM VirtualBox。
RabbitMQ 是一个开源的 AMQP 实现,服务器端用 Erlang 语言编写,支持多种语言客户端,如:Python、Ruby、.NET、Java、C、PHP、ActionScript 等。用于在分布式系统中存储转发消息,在易用性、扩展性、高可用性等方面表现不俗。
你听到信仰的声音了么?
C++ 是在 C 语言的基础上开发的一种通用编程语言,应用广泛。C++ 支持多种编程范式,面向对象编程、泛型编程和过程化编程。
Swagger 是一款非常流行的 API 开发工具,它遵循 OpenAPI Specification(这是一种通用的、和编程语言无关的 API 描述规范)。Swagger 贯穿整个 API 生命周期,如 API 的设计、编写文档、测试和部署。
Swift 是苹果于 2014 年 WWDC(苹果开发者大会)发布的开发语言,可与 Objective-C 共同运行于 Mac OS 和 iOS 平台,用于搭建基于苹果平台的应用程序。
Linux 是一套免费使用和自由传播的类 Unix 操作系统,是一个基于 POSIX 和 Unix 的多用户、多任务、支持多线程和多 CPU 的操作系统。它能运行主要的 Unix 工具软件、应用程序和网络协议,并支持 32 位和 64 位硬件。Linux 继承了 Unix 以网络为核心的设计思想,是一个性能稳定的多用户网络操作系统。
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于