文章目录

• 前言
• 素材文件
• 1. 富文本编辑器的实现步骤
• • 1.1 添加 layui 表单行
  • 1.2 导入富文本必须的 script 脚本
  • 1.3 初始化富文本编辑器
• 2. 图片封面裁剪的实现步骤
• • 2.1 导入 cropper.css 样式表
  • 2.2 导入 js 脚本
  • 2.3 添加表单行结构
  • 2.4 美化样式
  • 2.5 实现基本裁剪效果
• 3. 更换裁剪的图片
• • 3.1 获取用户选择的文件
  • 3.2 创建对应的 URL 地址
  • 3.3 为裁剪区重新设置图片
• 4. 将裁剪后的图片