简介
@Mironal/Firepad是基于Firebase实时数据库开发的富文本编译器，可以嵌入到任何web应用程序中使用，该库支持多个用户编辑同时进行，同时保存每一个用户的更改。
安装
在npm包管理器中，使用以下命令安装它：
npm install @mironal/firepad
集成
前置条件
为了方便操作和管理，我们需要先在Firebase网站创建一个项目，获取到项目的apiKey，authDomain和databaseURL三个参数。
使用
将firepad.css添加到HTML文件中。
<link rel="stylesheet" href="node_modules/@mironal/firepad/dist/firepad.css">
将firebase和@Mironal/firepad库导入代码中：
import firebase from 'firebase/app' import 'firebase/database' import '@mironal/firepad'
随后，使用Firebase初始化应用程序：
-- -------------------- ---- -------
--- --------------- - -
------- ----------
----------- --------------
------------ ---------------
---------- -------------
-------------- -----------------
------------------ --------------------
------ ---------
-
----------------------------------------创建 TextArea
在HTML文件中添加TextArea：
<textarea id="firepad"></textarea>
引入和初始化@Mironal/firepad后，创建Firepad实例：
var textarea = document.getElementById("firepad");
var editor = ace.edit(textarea);
var firepadRef = firebase.database().ref();
var firepad = Firepad.fromACE(firepadRef, editor);最后整合样式，展示出编辑器：
-- -------------------- ---- -------
---- -----------------------------
----- ---------------- ------------------------------------------------------
------- -----------------------------------------------------
------- ----------------------------------------------------------
------- -------------------------------------------------------------
--------
--- -------- - -----------------------------------
--- ------ - -------------------
--- ---------- - --------------------------
--- ------- - --------------------------- --------
---------示范代码
基于这个库的API，以下代码演示如何多人协作编辑一个文本编辑器，代码中的注释详细地描述了如何整合功能：
-- -------------------- ---- -------
--------- -----
------
------
-------------- ------------
----- ---------------- ------------------------------------------------------
-------
------
---- -----------------------------
---- ---------------------------- ---
------- -----------------------------------------------------
------- ----------------------------------------------------------
------- -------------------------------------------------------------
---- --------------- ---
--------
--- --------------- - -
------- ----------
----------- --------------
------------ ---------------
---------- -------------
-------------- -----------------
------------------ --------------------
------ ---------
-
----------------------------------------
---------
--------
--- ---------- - --------------------
-------- -------------- -
-- ----
--- -------- - -----------------
--- ---- - --------------------
--- ------------- - ------------------------- ----- -
------------ ------ -------
---
------------------------- -------- -- -
---------------------
---
-
------------- - ---------- -
---------------
-
---------
------- ------------------------------------------------------------------------
--------- ------------------------
-------
-------结论
总体而言，@Mironal/Firepad是一款好用而强大的富文本编辑器库，它将多用户文本协作做得十分完美，为Web开发人员提供了更多的方法来开发交互式应用程序。此外，它的安装和集成非常简单，使用起来也很方便。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bcc967216659e244781