简介
editor.md.webpack 是一个使用 webpack 打包的 markdown 编辑器，具有实时预览和多种自定义选项的功能。本文将详细介绍 editor.md.webpack 的安装和使用方法，并提供示例代码。
安装
在使用 editor.md.webpack 之前，我们需要先安装 webpack 和 webpack-dev-server。
npm install webpack webpack-dev-server -g
然后，我们可以使用 npm 安装 editor.md.webpack。
npm install editor.md.webpack --save-dev
使用
导入编辑器
import EditorMd from 'editor.md.webpack';
创建编辑器实例
-- -------------------- ---- ------- --- ------ - --- ---------- --- --------- ----- --------- ------- ------- ------------- ---------- ------------ ---------- ------------- ------- --------- ---- ----- -------- ------- ---------- - -------------------- -- ---其中，id 为容器元素的 id，path 为 editor.md 库的路径，height 为编辑器高度，previewTheme 为预览主题，editorTheme 为编辑器主题，toolbarIcons 为工具栏图标，markdown 为默认 markdown 文本，onSave 为保存回调函数。
更多配置选项请参考 editor.md 的官方文档。
实时预览
editor.watch();
获取 markdown 内容
let markdown = editor.getMarkdown();
设置 markdown 内容
editor.setMarkdown('### Hello world!');销毁编辑器实例
editor.remove();
示例代码
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- --------------- --
------------------------ ------------
-----
----------------
--------------------------------------------------------
--
-------
------
---- ------------------
------- ----------------------------------------------------------
------- ------------------------------------------------------------
------- -----------------------------------------------------------
------- --------------------------------------------------------------
------- --------------------------------------------------------------------
------- -------------------------------------------------------------
------- ----------------------------------------------------------
------- ----------------------------------------------------
------- ------------------------------
-------
--------- -------------------- ---- -------
-- --------
------ -------- ---- --------------------
--- ------ - --- ----------
--- ---------
----- --------------------------------
------- -------
------------- ----------
------------ ----------
------------- -------
--------- ---- ----- --------
------- ---------- -
--------------------
--
---
---------------
--- -------- - ---------------------
----------------------
----------------------- ------- -- ---------------------
----------------结语
通过本文的介绍，相信大家已经能够掌握 editor.md.webpack 的使用方法了。写作 markdown 文档现在已经变得更加简单和方便了，它不仅适用于个人笔记和博客，也适合于团队协作和多人编辑。如果你有任何疑问或建议，欢迎在评论区留言。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600572ce81e8991b448e9021