介绍
egg-born-module-a-mavoneditor 是一个基于 mavonEditor 的 egg-born 模块，用于在 egg 中方便地使用 mavonEditor 进行 Markdown 编辑和渲染。本文将介绍如何在 egg 中使用 egg-born-module-a-mavoneditor。
安装
可以通过 npm 安装 egg-born-module-a-mavoneditor：
npm install egg-born-module-a-mavoneditor --save
配置
在 egg 的 config/config.default.js 中配置 egg-born-module-a-mavoneditor：
-- -------------------- ---- -------
-------------- - ------- -- -
----- ------ - ---
-- ---
------------------ - -
--------------- -
------------- ------ -------
-
--
-- ---
------ -------
--其中 defaultOptions 是 mavonEditor 的默认配置，可以在组件中覆盖它们。
使用
在 egg-born 模块中使用 egg-born-module-a-mavoneditor：
-- -------------------- ---- -------
-------------- - --- -- -
----- -------------- ------- -------------- -
----- ------- -
----- - --- - - -----
----- ------------------------ -
------------ --------------------------------
---
-
-
------ ---------------
--在 /* home.html 中，将 mavonEditor 的实例化参数传递给 Editor 组件：
<editor :options="<%- mavonEditor %>"></editor>
其中，editor 是你的前端组件，可以是 Vue 或 React 组件。此处使用 Vue 组件。
示例代码
egg 的 config/config.default.js 配置
-- -------------------- ---- -------
-------------- - ------- -- -
----- ------ - ---
------------------ - -
--------------- -
------------- ------ -------
-
--
------ -------
--egg-born 模块中的 Controller
-- -------------------- ---- -------
-------------- - --- -- -
----- -------------- ------- -------------- -
----- ------- -
----- - --- - - -----
----- ------------------------ -
------------ --------------------------------
---
-
-
------ ---------------
--home.html 中的 Vue 组件
-- -------------------- ---- -------
----------
-----
------- ----------------------------
------
-----------
--------
------ ------ ---- ---------------
------ ------- -
----------- - ------ --
------ -
------ -
-------- --
--
--
--------- -
------------ - --------------- ----------- -----
-
--
---------Editor.vue 中的 Vue 组件
-- -------------------- ---- -------
----------
-------------
------------------
------------------
---------------------------------
----------------
-----------
--------
------ ----------- ---- ---------------
------ ----------------------------------
------ ------- -
----------- - ----------- --
------ -
-------- -
----- -------
--------- ----
-
--
------ -
------ -
--------- ---
--------------- -
-- ----------- -------
-
--
-
--
---------总结
通过本文，你已经了解了如何在 egg 中使用 egg-born-module-a-mavoneditor。你可以根据需要，进一步掌握 mavonEditor 的使用，并在 egg 项目中快速实现 Markdown 编辑和渲染。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedc24fb5cbfe1ea0612068