下面由ThinkPHP教程栏目给大家介绍ThinkPHP6.0使用富文本编辑器wangEditor3，希望对需要的朋友有所帮助！
UEditor是由百度web前端研发部开发所见即所得富文本web编辑器，
具有轻量，可定制，注重用户体验等特点，开源基于MIT协议，允许自由使用和修改代码。
可惜在官网下载太慢了，而且界面有些许复古，放弃了，使用了轻量级wangEditor3。
1.下载
手册中下载
https://www.kancloud.cn/wangfupeng/wangeditor3/332599
导入到项目中
2.项目中创建
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>wangEditor demo</title>
</head>
<body>
<p id="editor">
<p>欢迎使用 <b>wangEditor</b> 富文本编辑器</p>
</p>
<!-- 注意， 只需要引用 JS，无需引用任何 CSS ！！！-->
<script type="text/javascript" src="/wangEditor.min.js"></script>
<script type="text/javascript">
var E = window.wangEditor
var editor = new E('#editor')
// 或者 var editor = new E( document.getElementById('editor') )
editor.create()
</script>
</body>
</html>
图片上传选的使用 base64 编码直接将图片插入到内容中，免去配置本地上传
没用Ajax，所以在表单中添加 了一个隐藏文本框
<input id="content" name="content" type="hidden">
配置onchange函数之后，用户操作（鼠标点击、键盘打字等）导致的内容变化之后，会自动触发onchange函数执行。
submit提交时富文本内容也会提交。
3.保存文本到数据库
Atas ialah kandungan terperinci 关于ThinkPHP6.0使用富文本编辑器wangEditor3. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Apakah resolusi 1080p?
Apakah maksud menyekat semua kuki?
Apa yang perlu dilakukan jika penggunaan CPU terlalu tinggi
Sebab mengapa skrin sentuh telefon bimbit gagal
Bagaimana untuk mengalih keluar kunci keselamatan Firefox
Cara menyelesaikan operasi tamat masa
MySQL menukar kata laluan root
Bagaimana untuk mengaktifkan tingkap komputer
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
