在前端开发过程中，使用富文本编辑器可以快速地创建文档，而 simditor-i18n 是一个基于 jQuery 的富文本编辑器，支持插入图片、插入链接、以及各种文字样式设置等功能。本文将详细介绍 npm 包 simditor-i18n 的使用教程。
安装 simditor-i18n
使用 npm 安装 simditor-i18n：
npm install simditor npm install simditor-i18n --save
使用 simditor-i18n
需要在页面中引入 simditor 及其相关样式和插件：
<head> <link rel="stylesheet" type="text/css" href="simditor.css" /> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="simditor.js"></script> <script type="text/javascript" src="module.js"></script> <script type="text/javascript" src="uploader.js"></script> <script type="text/javascript" src="simditor-i18n.js"></script> </head>
接下来，实例化一个编辑器：
-- -------------------- ---- -------
--- ------ - --- ----------
--------- -------------
-------- -
--------
-------
---------
------------
----------------
------------
--------
-----
-----
-------------
-------
--------
-------
--------
-----
---------
---------
--
----- -------
---其中，i18n 参数可传入以下语言：
- en-US（英文）
- zh-CN（简体中文）
- zh-TW（繁体中文）
添加自定义语言包
如果 simditor-i18n 的语言包未满足您的需求，可添加自定义语言包。
首先创建一个新的语言包文件，比如 simditor-i18n-custom.js：
$.extend($.simditor.locale, {
custom: {
'copy': '复制'
}
});
Simditor.i18n['custom'] = $.simditor.locale.custom;然后，在实例化编辑器时，传入新的语言包设置：
-- -------------------- ---- -------
--- ------ - --- ----------
--------- -------------
-------- -
--------
-- ---
---------
---------
--
----- --------
---这时在编辑器中会出现 “复制” 按钮。
示例代码
以下是一个完整的示例代码：
-- -------------------- ---- -------
--------- -----
------
------
----- --------------- --
-------------------- ------------
----- ---------------- --------------- ------------------- --
-------
------- -
------ ------
------- ------
------- ---- -----
------- --- ----- -----
-
--------
------- ---------------------- ----------------------------------------------------------------------------
------- ---------------------- -----------------------------------------------------------------------------
------- ---------------------- ---------------------------------------------------------------------------
------- ---------------------- -----------------------------------------------------------------------------
------- ---------------------- ----------------------------------------------------------------------------------
-------
------
---- ---------------
--------- ----------- -------------------------------
------
------- -----------------------
--------------------------- -
------- -
------- ----
-
---
----------------------- - -------------------------
--- ------ - --- ----------
--------- -------------
-------- -
--------
-------
---------
------------
----------------
------------
--------
-----
-----
-------------
-------
--------
-------
--------
-----
---------
---------
--
----- --------
---
---------
-------
-------结语
本文介绍了 npm 包 simditor-i18n 的使用教程，同时也介绍了如何添加自定义语言包，希望对您有所帮助。在日常开发工作中，富文本编辑器是一个非常实用的工具，相信 simditor-i18n 帮助您更好地完成编辑任务。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056cda81e8991b448e6832