#npm 包 wangeditor 使用教程
##简介
wangeditor 是一种基于 Javascript 的富文本编辑器，它实现了丰富的文本编辑功能，并且简单易用。你可以通过 npm 安装来使用它。
##安装
在 npm 中安装 wangeditor：
npm install wangeditor --save
##使用
###引入 wangeditor
- 在项目文件中引入 wangeditor：
import wangEditor from 'wangeditor'
- 或者使用 script 标签引入：
<script type="text/javascript" src="path/to/wangeditor.js"></script>
###初始化编辑器
- 创建一个 div 容器：
<div id="editor"></div>
- 使用如下代码来初始化编辑器：
const E = wangEditor
const editor = new E('#editor')
editor.create()###设置编辑器内容
editor.txt.html('<p>Hello world!</p>')##方法
wangeditor 提供了多种方法来处理富文本编辑器的内容。
###获取 HTML 内容
获取编辑器中的 HTML 内容：
const content = editor.txt.html()
###获取 Markdown 内容
获取编辑器中的 Markdown 内容：
const content = editor.txt.markdown()
###设置 HTML 内容
设置编辑器中的 HTML 内容：
editor.txt.html('<p>Hello world!</p>')###设置 Markdown 内容
设置编辑器中的 Markdown 内容：
editor.txt.markdown('Hello world!')##示例代码
以下是一个简单的示例代码，可以帮助你更好地理解如何使用 wangeditor：
-- -------------------- ---- ------- ------ ---------- ---- ------------ ----- - - ---------- ----- ------ - --- ------------ --------------- ------------------------------------------------------------------ -- -- - ----- ------- - ----------------- -------------- -- ------------------------------------------------------------------ -- -- - ------------------------- ------------ -- ---------------------------------------------------------------------- -- -- - ----- ------- - --------------------- -------------- -- ---------------------------------------------------------------------- -- -- - -------------------------- -------- --
##结论
使用 wangeditor 可以使富文本编辑变得更加简单易用，它提供了多种方法来处理富文本编辑器的内容，你可以选择使用这些方法来处理你的编辑器内容。这个教程希望能够帮助你学习如何使用 wangeditor，并带有一些指导意义。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/80102