简介
@ivaniuk/md-to-quill-delta 是一个将 Markdown 格式的文本转化为 Quill Delta（富文本编辑器所使用的对象）的 JavaScript 库。使用它可以方便地将 Markdown 格式的文本转换为富文本编辑器中的 Delta 对象，从而实现在富文本编辑器中展示 Markdown 文本的功能。
安装
可以通过 npm 安装 @ivaniuk/md-to-quill-delta：
npm install @ivaniuk/md-to-quill-delta --save
使用
使用 @ivaniuk/md-to-quill-delta 相当简单。首先需要引入库：
import mdToDelta from '@ivaniuk/md-to-quill-delta';
然后使用 mdToDelta 函数将 Markdown 文本转换为 Delta 对象：
const markdown = '# Hello, Quill Delta!' const delta = mdToDelta(markdown);
例子
下面是一个完整的例子，演示如何使用 @ivaniuk/md-to-quill-delta 将 Markdown 文本展示在 Quill 富文本编辑器中：
-- -------------------- ---- ------- --------- ----- ----- ---------- ------ ----- ---------------- ------------------------ ------------ ----- ---------------- ---------------------------------------------------- ------- ------ ---- ------------ ------ ------- ---------------------------------------------------------- ------- --------------------------------------------------------------------------------------- ------- -------------------------------------------------------------------------------------- ------- ------------------------------------------------------------------------------------------- -------- ----- ----- - ---------------------- ----- ----- - --- ---------------- - -------- - ------- ----- -------- - -- ------- --- -- ------ --- -------- --------- ------------- --------------- -- ----- --------- -- - ----- -------- -- -- -- ------ ------- --- ----- -------- - -- ------ ----- --------- - ---- - ----- ---------- ------- ----- ----- - -------------------- ------------------------- --------- ------- -------展开代码
在这个例子中，我们将 @ivaniuk/md-to-quill-delta 和 Quill 富文本编辑器库引入到 html 中。然后在 JavaScript 中调用 mdToDelta 函数将 Markdown 转换为 Quill Delta 对象，最后调用 Quill 的 setContents 方法将 Delta 对象加载到富文本编辑器中。这样我们就可以在富文本编辑器中显示 Markdown 文本了。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/115157
