简介
@ivuup/editor 是一款基于 Vue.js 和 Element UI 的富文本编辑器，提供了各种格式的文本编辑、图片上传等功能。
安装
通过 npm 安装 @ivuup/editor：
npm install ivuup-editor --save
然后在 Vue.js 工程中使用：
import Vue from 'vue'; import IvuupEditor from 'ivuup-editor'; import 'ivuup-editor/dist/ivuup-editor.css'; Vue.use(IvuupEditor);
使用方法
@ivuup/editor 是一款非常易用的富文本编辑器，无论是从 API 还是 UI 上都非常精简，可以通过一些简单的操作完成复杂的编辑操作。
基本用法
-- -------------------- ---- -------
----------
-----
------------- ----------------- ----------------------------------
------
-----------
--------
------ ------- -
------ -
------ -
-------- ---
-------- -
------------ ----------
--
--
--
--
---------自定义工具栏
@ivuup/editor 提供了一些默认的工具栏功能，但是在实际开发中可能需要自己定义一些工具栏。这时只需要将 options 对象中的 toolbar 属性替换成自定义的工具栏。
-- -------------------- ---- -------
----------
-----
------------- ----------------- ----------------------------------
------
-----------
--------
------ ------- -
------ -
------ -
-------- ---
-------- -
------------ ----------
-------- -
-------
---------
----
------------
----------------
----
--------
-------
--
--
--
--
--
---------自定义上传图片
@ivuup/editor 提供了默认的图片上传功能，但是默认是将图片上传到临时服务器，需要手动将图片复制到自己的服务器上。如果需要将图片上传到自己的服务器上，可以通过 options 对象中的 customUpload 属性自定义上传方法。
-- -------------------- ---- -------
----------
-----
------------- ----------------- ----------------------------------
------
-----------
--------
------ ------- -
------ -
------ -
-------- ---
-------- -
------------ ----------
------------- ------ -- -
------ --- ----------------- ------- -- -
-- ---------
-- ---------- ---
----- --- - -------------------------------- - ----------
--------- --- ---
---
--
--
--
--
--
---------总结
@ivuup/editor 提供了非常便利的富文本编辑功能，可以在 Vue.js 工程中轻松使用。同时，通过自定义工具栏和上传图片等操作，可以进一步扩展编辑器的功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/116023