在Vue中使用UEd的简单攻略_轻松上手_安装UEditor包引入到组件中配置好并使用它

在Vue中使用UEditor的简单攻略


想要在Vue项目中使用UEditor富文本编辑器?跟着这几个步骤来操作,轻松上手!

一、安装UEditor

你得有UEditor。你可以用npm安装它,或者直接从官网下载源码包。

方法 操作
使用npm 在项目根目录下,执行 npm install ueditor --save
下载源码包 访问UEditor官网,下载源码包,解压到项目中

二、引入UEditor

把UEditor的文件放在你的项目里,然后在Vue组件中引入。

import UE from 'path/to/ueditor/ueditor.min.js'


三、初始化UEditor

在Vue组件的生命周期钩子中,比如 mounted,初始化UEditor,并将其绑定到一个DOM元素上。