文章目录
前言
您只需要按照本文步骤,去进行相关的配置,就能够在页面上快速实现富文本编辑器的效果。
补充说明:文中如有涉及到src
文件路径的,需修改为自己当前项目中,相关文件实际的存放路径。
素材文件
本方案相关的《编辑器 & 图片裁剪素材文件》:
网盘下载链接:https://pan.baidu.com/s/1k9IBXKKQfD7pf9a6NNyQkQ
提取码:qw6o
包含编辑器及图片剪裁实例所用到的 js 脚本、以及 CSS 样式文件等。
1. 富文本编辑器的实现步骤
1.1 添加 layui 表单行
<div class="layui-form-item