前因:
因公司动态新闻模块需要,不浪费开发人力、时间等成本,决定选择一款富文本编辑器,由运营人员来编辑文本实现新闻的发布
后果:
最终选择了wangEditor
wangEditor 是一款基于javascript和css开发的 Web富文本编辑器, 轻量、简洁、易用、开源免费。
兼容常见的 PC 浏览器:Chrome,Firefox,Safar,Edge,QQ 浏览器,IE11。
不支持移动端
更多内容可查阅手册:
Introduction · wangEditor 用户文档https://www.wangeditor.com/doc/
先来看下页面样子:
基本使用
下载
npm 安装 npm i wangeditor --save
父组件:
// 文章-新增/编辑
<template>
<div class="page-main-style">
<div class="content-wrap">
<el-form :model="form" :rules=