wangeditor5二次封装及使用

WangEditor是一款基于javascript和jQuery开发的富文本编辑器，它支持常见的文本编辑操作、图片上传和格式化等功能。如果您想对WangEditor进行二次封装和使用，可以按照以下步骤进行：

1. 下载WangEditor

您可以从官网上下载WangEditor的源码文件，也可以使用npm进行安装。

2. 引入WangEditor

将WangEditor的JS和CSS文件引入到您的HTML文件中：

<link rel="stylesheet" type="text/css" href="path/to/wangEditor.css">
<script type="text/javascript" src="path/to/jquery.js"></script>
<script type="text/javascript" src="path/to/wangEditor.js"></script>

3. 创建编辑器实例

在HTML文件中创建一个div元素，作为编辑器的容器，然后通过JavaScript代码创建编辑器实例：

<div id="editor"></div>

<script type="text/javascript">
    var editor = new wangEditor('editor');
    editor.create();
</script>

4. 配置编辑器

您可以通过传递配置对象来配置编辑器，例如：

<div id="editor"></div>

<script type="text/javascript">
    var editor = new wangEditor('editor');

    // 配置编辑器
    editor.config.uploadImgUrl = '/upload';
    editor.config.uploadImgFileName = 'image';
    editor.config.menus = [
        'bold',
        'italic',
        'underline',
        'strikeThrough',
        'eraser',
        'foreColor',
        'backColor',
        'justifyLeft',
        'justifyCenter',
        'justifyRight',
        'table',
        'code',
        'undo',
        'redo'
    ];

    editor.create();
</script>

5. 使用编辑器

编辑器创建完成后，您可以使用它提供的方法来操作文本内容，例如：

// 获取编辑器内容
var content = editor.$txt.html();

// 设置编辑器内容
editor.$txt.html('<p>这是新的内容</p>');

以上就是二次封装和使用WangEditor的基本步骤，您可以根据自己的需要进行配置和扩展。