在前端开发中，文本编辑器的使用是必不可少的，而 MediumEditor 是一款功能强大的 JS 文本编辑器，它提供了丰富的功能与插件扩展。而 medium-editor-autolist 就是 MediumEditor 提供的一个插件，它可以自动将列表项转换为有序或无序列表，使编辑列表更加方便。
本篇教程将详细介绍 medium-editor-autolist 的使用方法，并提供示例代码以及一些使用技巧，帮助开发者更好的运用这一插件。
安装
使用 npm 包管理器安装 medium-editor-autolist：
npm i medium-editor-autolist
引入
在项目中引入 medium-editor-autolist 的 JS 和 CSS 文件：
<link rel="stylesheet" href="/node_modules/medium-editor/dist/css/medium-editor.min.css"> <link rel="stylesheet" href="/node_modules/medium-editor/dist/css/themes/default.min.css"> <link rel="stylesheet" href="/node_modules/medium-editor-autolist/dist/css/medium-editor-autolist.min.css"> <script src="/node_modules/medium-editor/dist/js/medium-editor.min.js"></script> <script src="/node_modules/medium-editor-autolist/dist/js/medium-editor-autolist.js"></script>
使用
创建一个 MediumEditor 实例，并在配置中使用 medium-editor-autolist：
var editor = new MediumEditor('.editable', {
extensions: {
'autolist': new MediumEditorAutolist()
}
});这样就可以在你的编辑器上使用列表功能了。
参数
medium-editor-autolist 允许传入一些配置参数，以控制其自动转换列表的行为。
ol
开启/关闭有序列表自动转换，默认为 true，表示开启有序列表自动转换。
new MediumEditorAutolist({
ol: false
})ul
开启/关闭无序列表自动转换，默认为 true，表示开启无序列表自动转换。
new MediumEditorAutolist({
ul: false
})defaultListType
设置列表的默认类型，支持 'ul' 和 'ol' 两种选项，默认为 'ul'。
new MediumEditorAutolist({
defaultListType: 'ol'
})startIndex
设置有序列表的起始数字，默认为 1。
new MediumEditorAutolist({
startIndex: 0
})示例代码
下面的示例代码演示了基于 medium-editor-autolist 实现的一个列表编辑器：
-- -------------------- ---- -------
---- ---------------- -----------------------
---------------------------------------
----- ---------
----- ------------
---- ---------
---- ------------
------
----- ---------------- -----------------------------------------------------------------
----- ---------------- ------------------------------------------------------------------
----- ---------------- -----------------------------------------------------------------------------------
------- -----------------------------------------------------------------------
------- -------------------------------------------------------------------------------------
--------
--- ------ - --- ------------------------- -
-------- -
-------- -
-------
---------
------------
---------
-----
-----
--------
--------------
---------------
-
--
----------- -
----------- --- ----------------------
--
------------- -------------
---
---------总结
medium-editor-autolist 是一个非常方便的 MediumEditor 插件，它能够自动将列表项转换为有序或无序列表，使编辑列表更加方便。本文中介绍了该插件的安装方法、使用方法、参数以及示例代码。希望本文能够对开发者学习和使用 medium-editor-autolist 有所指导和帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055ac681e8991b448d85e9