小百度大作为！UMEditor一键搞定，二次开发轻松上手

你好最近在搞个小项目，正好要用到富文本编辑器这块儿。试了下几个软件，发现百度家的UMEditor挺好使的~它很小巧，功能刚刚好，不用折腾就能设置好，实在懒得弄就直接上手用。关于UEditor，过两天我会专门写一篇文章讲讲怎么二次开发滴，放心！

先来看看UMEditor的组件大致内容吧：

1. 组件props：这个是组件的属性。

2. 组件关键的成员属性：这些属性很重要。

3. 简单的render：这个是渲染组件的方法。

说到UM Editor咋开发的，其实就是改改图片的取法儿就行了！看到那儿的设置了吗？里头有个imgUrl，就是让它自个儿去服务器找照片然后给我们返回一个promise。

来聊聊UMEditor怎样搞定依赖管理~这个工具需要用到好多东西，所以咱们得用Gulp这种超棒的工具串在一起。先把那个核心文件夹里的所有东东整合到一个叫core.min.js的文件里；然后是那些插件啊、UI啊还有适配器也都不要忘了，换成对应的 min.js版就可以了！

之前，咱们都是用的editor_api.js来导入文件，现在有新的办法！把要用到的文件按级别排序成二维数组那样，类似地排列。相同级别的文件一个个请求，但升级后的文件可以一起请求哦（比如’/third-party/jquery.min.js’, ‘/third-party/template.min.js’这俩文件）。请注意，得等他们都加载完毕才能去请求下一个。记住这个小技巧！

要让下载网页不延迟卡顿，就得借助SyncRequire这大杀器了。而你可能听说过的loadDep，就是专门负责下载各种东东滴~这下知道它咋回事儿了？

在Sync Require这个好东西中有个神器叫作异步迭代器，它对文件进行逐行读操作真的超给力！

2. 最后使用for await进行异步迭代。

文件夹里路径多？那直接用 loadDep 全搞定！单个文件的路径的话，那就先单独加载它。

搞定！用SyncRequire这个方法可以让你顺畅的同时又有序的加载外部的js和css文件，别忘了最后去控制台看看实效啦!

小伙伴们，加油干！这些就是我分享的全部了。希望对你有帮助哈。别忘了来看看，留下点脚印。收藏、分享走起！