Prosemirror-inputrules 是一个可以帮助您增强用户在 Prosemirror 富文本编辑器中的输入体验的 npm 包。 本文将深入介绍如何使用这个包，并且给出一些示例代码。
Prosemirror-inputrules 简介
Prosemirror-inputrules 是一个基于 Prosemirror 的输入规则插件，可以帮助您自动识别用户的输入，并且自动进行一些文本操作。
安装
您可以通过 npm 安装 prosemirror-inputrules
npm i prosemirror-inputrules --save
使用
在使用 prosemirror-inputrules 之前，需要先安装和引入该包，然后创建一个输入规则实例， 在实例中定义想要自动替换的一些文本规则，最后将该实例传递给 Prosemirror 实例。
下面是一个简单示例：
-- -------------------- ---- -------
------ - ------ - ---- --------------------
------ - ---------- - ---- -------------------------
----- ---- - ------------
------ -
-- ------------------
-- ---- ----- -------- ------------
-
-- -------------
-- ------------------------
-- ---------------------------
------- ------------------------
-- --------------
-- ------- ----------------------------------------------------------------
-- --------------- --- -- -----------------------
-- - ------------------------------------------------------
-- -------------------- -- ---------------------
-- ----------------------- - ------------------------
-- ----------------------
----- --------------------------------------------------------
---------- ------- ------ ------ ---- -- -
----- ------ ---------- ----- - ------
------ ------------------------- ------ --------------
--
--
--
---
----- ----------------- - --- ------------------------- -
------ --------------------
---- ------------------ --- -
------------------------ --- -------------------
---
-------- ------ ---------------------
---
---------- - -------------- ----------------- --
---在上面的例子中，定义了一个输入规则，当用户输入 "`" 字符时自动替换为 "\n\n" 字符。该实例被传递给了 Prosemirror 实例的插件中，从而使自动替换规则生效。
总结
本文讲解了使用 prosemirror-inputrules 提高富文本编辑器的输入体验。希望通过本文的介绍，您能够简单的掌握 prosemirror-inputrules 的使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f731286a9b7065299ccbc02