ThinkPHP是一个基于MVC架构的开源PHP框架，它实现了全功能的Web应用程序开发，包括路由、模板、ORM、验证、缓存、日志、安全等功能。WangEditor是一款优秀的富文本编辑器。在ThinkPHP中使用WangEditor可以方便地实现编辑和展示富文本内容。
安装WangEditor
在使用WangEditor之前，需要先在项目中安装WangEditor。有两种安装方式，分别是通过CDN引入和手动下载。本文以手动下载的方式为例。
第1步：进入WangEditor官网，下载最新版本的WangEditor。
第2步：解压下载的文件，并将其中的css、js、fonts三个文件夹复制到public目录下。
使用WangEditor
安装好WangEditor后，就可以开始在ThinkPHP6中使用WangEditor了。
引入静态资源
在要使用WangEditor的模板文件中，通过下面的代码引入WangEditor的静态资源：
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/wangEditor.min.css">
<script type="text/javascript" src="__PUBLIC__/js/wangEditor.min.js"></script>
其中，__PUBLIC__代表public目录的路径，可以根据项目实际情况进行修改。
编辑富文本内容
在编辑页面中，通过下面的代码创建一个WangEditor实例：
let editor = new wangEditor('#editor');
editor.create();
其中，#editor代表编辑框的选择器，可以根据具体的页面进行修改。
使用WangEditor编辑富文本内容非常简单，只需在编辑框中输入内容即可，WangEditor会自动将内容转换为富文本格式。
获取富文本内容
在提交表单或保存数据时，需要将编辑框中的富文本内容转换为纯文本格式。可以通过下面的代码获取编辑框中的纯文本内容：
let content = editor.txt.html();
其中，content是纯文本内容。
展示富文本内容
在展示页面中，可以通过下面的代码将纯文本内容转换为富文本格式后展示：
let content = '纯文本内容';
editor.txt.html(content);
其中，content是纯文本内容。
至此，就完成了在ThinkPHP6中使用WangEditor富文本编辑器的操作。通过使用WangEditor，可以方便地实现编辑和展示富文本内容，提高用户体验。