什么是 pelo？
pelo 是一个轻量级的 WYSIWYG HTML 编辑器，它提供了一些基本的富文本编辑功能，如加粗、斜体、插入链接等。与其他富文本编辑器相比，pelo 的优势在于其简洁轻便，易于集成到各种 Web 应用程序中。
安装
使用 npm 安装 pelo：
npm install pelo基本用法
-- -------------------- ---- ------- ------ ---- ---- ------- ----- ------ - --- ------ -------- ---------------------------------- --------- ------ -- - ------------------ -- --- -- ------ ------------------------ - ---------- ------------ -- ------ --------------------------------------展开代码
高级用法
自定义按钮
可以通过 Pelo.buttons 属性来添加自定义按钮。例如，下面的代码添加了一个名为“删除线”的按钮，点击该按钮会将选中文本加上删除线：
Pelo.buttons.strike = { icon: '<strike>S</strike>', title: 'Strike through', state: (elem) => elem.nodeName === 'STRIKE', result: () => document.execCommand('strikeThrough', false, null), };
自定义菜单项
可以通过 Pelo.commands 属性来添加自定义菜单项。例如，下面的代码添加了一个名为“字号”的菜单项，点击该菜单项会弹出一个下拉框，可以选择不同的字号：
-- -------------------- ---- ------- ---------------------- - - ----- -------------------- ------ ----- ------ -------- -------- -- - ----- ------ - --------------------------------- ---------------- - - ------- -------------------- ------- -------------------- ------- -------------------- -- ------------ - ------------------------------------- --------------- - -- -- ----------------------- ------ -------------- ------ ------- -- --展开代码
结语
pelo 是一个简单易用的富文本编辑器，适合用于各种 Web 应用程序中。通过自定义按钮和菜单项，可以进一步扩展其功能。希望本教程能够帮助你学习和使用 pelo。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/48401
