editor.js是一款功能强大的富文本编辑器插件

UEditor是百度开发的一款富文本编辑器。以下是它的基本使用方法：

1. 下载和安装

首先，访问UEditor的GitHub页面（https://github.com/modstart-lib/ueditor-plus）并下载最新版本。解压后，直接使用dist或dist-min文件夹下的文件复制到新建目录ueditor中。

2. 配置：

将“ueditor”文件夹移动到你的项目中。然后在你需要加载编辑器的页面添加对应的前端代码。

<script type="text/javascript" src="ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="ueditor/ueditor.all.js"></script>

3. 创建编辑器：

然后，你需要在文档中创建一个用于加载编辑器的容器。例如：

<script id="editor" type="text/plain" style="height:300px;"></script>

4. 初始化编辑器：

使用JavaScript进行初始化：

var ue = UE.getEditor('myEditor');

这里的'myEditor'就是你之前创建的textarea或者div的id，注意不要加'#'。

至此，UEditor就可以在web页面中使用了。

如果需要在vue中使用可以npm安装

npm i vue-ueditor-wrap
# 或
yarn add vue-ueditor-wrap

解压dist到static目录

<template>
    <div class="content">
        <vue-ueditor-wrap v-model="content"
                          editor-id="editor"
                          :config="editorConfig"
                          :editorDependencies="['ueditor.config.js','ueditor.all.js']"
                          style="height:500px;"/>
    </div>
</template>
<script>
    export default {
        data() {
            return {
                content: '<p>Hello UEditorPlus</p>',
                editorConfig: {
                    // 编辑器后端服务接口，参考后端规范 https://open-doc.modstart.com/ueditor-plus/backend.html
                    serverUrl: '后端服务',
                    // 配置 UEditorPlus 的静态资源根路径，可以是 CDN 的静态资源地址
                    UEDITOR_HOME_URL: '/static/UEditorPlus',
                    UEDITOR_CORS_URL: '/static/UEditorPlus'
                }
            }
        }
    }
</script>

另外，UEditor 后台配置项除了可以使用默认的配置外，还可以自定义需要的功能，只需打开 `ueditor.config.js` 文件，修改这个文件里的配置项即可。例如，可以设置编辑器的语言、主题、工具栏等等。

需要注意的是，UEditor并非一个“即插即用”的插件。它需要根据实际需求进行适当的配置和定制，所以在使用之前，建议先阅读其官方文档。

github官网：https://github.com/modstart-lib/ueditor-plus