layui + ueditor 的使用

以前也用这个富文本编辑器，但是，后边使用layui后，就会使用layedit这个富文本编辑器。后来发现，layedit的编辑器问题很大。有一系列的问题：

1. 复制word文档，样式取消。没有办法处理
2. 复制粘贴后，如果在粘贴之前存在段落。那么段乱中设置的字体就会取消设置，回归初始。
3. 功能较少。我使用了一个首行缩进功能，只有一个人有过这样的操作。但是，首行缩进只能一行进行缩进。如果段落较多，那么需要多次进行设置，好麻烦啊。
4. ...... 总之，直接放弃了

现在来说使用ueditor集成到layui中。怎么集成？

集成之前思考的问题：

1. layui是使用模块化的。那么，怎么把一个js插件与layui相结合？
2. 使用layui的模块化样式修改ueditor的js源码符合layui的调用模块样式？
3. ueditor的需要的东西很多，怎么能修改好使之能正确的调用到？

发现这样操作是很麻烦的。那么怎么解决这种复杂的问题？我上网查询怎么集成。发现很多都是这样进行修改的。我想是不是只有这一种方式。我也操作了一下，没理出头绪来。遂放弃了。后来看到了vaeThink 这个轻量级的PHP框架。这里边有集成。经过查看发现：没有必要把ueditor做成一个layui的模块。在使用ueditor的页面中引入需要的js。作为两个互不交融的js文件就好了。

步骤：

1. 下载ueditor的文件，并把ueditor下的文件全部复制到static文件夹下（我这个是springboot项目）（js文件中有调用。最好不要就复制主要的js文件，出错了再修改错误）.
2. 页面中调用js文件：

   <script th:src="@{/static/ueditor/third-party/jquery.min.js}"></script>
   <script th:src="@{/static/ueditor/lang/zh-cn/zh-cn.js}"></script>
   <!-- 配置文件 -->
   <script th:src="@{/static/ueditor/ueditor.config.js}"></script>
   <!-- 编辑器源码文件 -->
   <script th:src="@{/static/ueditor/ueditor.all.js}"></script>
   
   <script th:src="@{/static/ueditor/ueditor.parse.js}"></script>

   在ueditor的文档中只引入了两个js文件。这样会出现问题的。出现的问题就不在此处进行补充了。

3. 实例化编辑器：

       <!-- 实例化编辑器 -->
       <script type="text/javascript">
           layui.define(function () {
               let ue = UE.getEditor('container');
           })
       </script>

   初步集成完成了。有没有问题，我得后续进行测试。出现富文本编辑器的样式就算完成了。