(uniCloud)uni-app云开发实战---day5制作一个文章编辑器原创

哈喽，小伙伴们大家好，呃，我是在马哈士奇。今天那个外边非常热，非常非常的热，但我们依旧要讲东西啊。这个视频讲什么呢？我们来就是做一个。这个副文本编辑器啊。其实这个东西可以大家看到是不是很熟悉，这个其实是那个UNAPP的一个一个一个组件，官方写的一个模板啊，我们可以直接拿走用。然后再到基础上，我们再可以加一点这个，比如说我们用于存储，把这个里边的图片给改造一下哈，那这个时候呃，我们就来做一下哈。现在。给大家找一下，就是你如果不知道这个东西在哪，找新建一个项目，选择这个hello APP官方模板，然后创建之后找到这个pages这这个comment里的这个adi这个编辑器啊，我们这里给它复制走啊，我们给它复制走，复制走之后呢。

还移到之前的我们的这个项目中，对吧。啊，这个是，哎，不好意思挨，然后我们把它移进来配对吧。我这里呢，粘贴一下。再看到这个E啊，已经来了啊，这个配G4点阶层我们也要配置一下啊，看看它这个内置模板里边有很多对吧，扩展一一对一对一啊，我找一下这个EG。啊，这个看if，它这个上面写的是。嗯，APPMP微信H5啥都不支持。就是留了一些支持啊，那我们。注意这也就是看这个环境是不是存在，如果是如果有这些环境的话啊，这个就就会被加载出来对吧？啊，我们啊，同样的给他拿走，我们直接用啊，比较难省事啊。然后这里呢，我们。我看一下啊。

Pass对吧，嗯，在这个。在我们的这个里边是吧，有点东西啊。在我们这个P阶段里面是。给贴过来啊。随便贴个位置吧。嗯，我就查找失败，要告诉我们啊，这个路径是不一样的，我们这个路径已经改变了，对吧。就要一致啊，呃，我们这个时候我们来看一下这个页面存在不存在啊。看是不是能跳转到这个页面哈，我们这里来跳转一下。看到已经跳转到这页面了是吧，把这个什么宣传图片试一下。啊也是可以的是吧，然后我们点这个图片可以删除，也可以让他啊居中对吧。呃，这个时候呢。这个分编辑器。我们把我们就把这个分分机给拿来用啊，H5可能会有一点问题，但是呃，直家运行的话，应该是没有多大问题的，注意看看它这里啊，我给大家看一下。

我把它都给关掉啊完直接直接看那个页面。它这里面有一个就是关于图像的哈，它其实用的是哪个东西呢？呃，我这里边有一个副文本哈。我找一下。好像在哪里边，这边有一个副文本的组件。啊，不是API啊，我看一下这个日期。它是有一个那个分的，呃，这个API的大家可以用API啊来就是调用啊，它这个就是创建一个上下文环境嘛。然后呢，你看就是这个编辑合我们这里呢，找到一个东西啊，看到这个是吧，其实就是我们上传图片的时候，这个玩意就我们就这个我们可以看一下啊，因为它第一部肯定是求斯里面吧，我们看一下那个log is是什么啊。

啊。啊，我们来看一下啊，反映一下，哎，可以看到这里有我们这个文件的路径了，对吧，那很明显，呃，这个玩意儿呢，我们不可能就是。嗯，就是不可能本地的这个路径的，他是加的是本地的路径看到了吧。是本地的路径，然后我给大家看一下这个还是看一下吧。呃嗯，这个一定要求啊。我不知道能不能上面搜索，我记得不好，我我哪了。啊对，就是就是他就用那实力啊，可能的实力啊，就是富文们里边API媒体富文本里边啊，看在这里边我忘了哈，这个有很多哈，啊这还有清空我们最后其实生成的时候，我记得是。获取变异性内容，好，所以我们先出出掉获取对吧，那好。

我们现现在是要改到图片对吧，那我们不妨也把这个最后获取的这个东西给打印下看看啊，我们在这在底下给他写一个，或者在上面写一个啊。在只能它上面写一个，写一个按钮，刚才我们叫。打野找这个生输出看看，他们就写输出。然后这里呢，啊可可抖音。啊，Get c就这样写。啊。直接发到我们的图片，大家可以改成。Get c对吧，还有我们。呢，就是按照这个写法啊，我们要获取。啊get对吧，那这里呢，我们这个玩意儿是什么呢？看看能是他对吧。啊，它就是get什么呢？Get cons吧，就这个，然后这个success啊，我们也可以写一下is CR点到个is对吧。

还是那一套嘛。把这个框给关掉，我们来试一下，如果上传一个图片，然后输出一下啊，告诉我啊，It's not different X，我看一下。是不是写错了？啊，大写的。左行大小的可以看到，不好意思。输出一下看到这里啊，这里有这个HTML格式啊，还有这个节点节点格式的啊，可以看到。那我们等会要等会我们就可以上传那个HTM格式的对吧。IML，那你可以看看这个路径啊，还是本地的路径对吧？这个图片路径可以看到对吧？图片路径是本地路径，Its RC看到了吧，但是我们不肯定不可能本地路径啊，如果你的本地本地路径的图片，别人肯定是访问不当，对吧？那我们肯定要在这一步给它，给它变成。

这个云存储对吧，好，那我们继续。我把这个卡图片给他。复试一下。我们要调用什么点feel对吧。他这个这个feel pass，就是就是这个对吧，就是这个feel pass。啊，这个pass呢，我们也可以这样写吧。我们成功之后，我们来看一下。好，我这里点一个图片来看一下。所以呢，你看我们上传上上传之后呢，返回到我们一个ID对吧，我们可以看到ID访问不到东西对吧，再看那个点对吧，然后这里我们再看一下这个路径啊。

它是没有那个图片格式的啊，我们来我们来看一下云存储是什么样的啊。我们来看一下云存储，嗯，我们这个使用unlo的控制台打开看看哈。个存储里边。嗯，应该是有这个东西的。但是很明显他啥都没有对吧。访问不到，还有一个是没有格式的文件，对吧，那这个呢。怎么解决呢？啊，这是我们来看一下啊，我们上传完图片之后啊。呃，返回的有这个图片的内对吧，还有图片的这个路路径对吧？啊，我们这里改变一下这个策略嘛。啊，FIELDS0对吧，因为我们一次只选择一个照片对吧，那么可以改成它pass呢？啊，同样也是这个pass对吧。Pass肯定不改对吧，我在这里呢，我们这里我们这个pass可以给加一个什么，加个文件名字对吧？啊加个什么，加一个我们这个内幕是吧，也好区分对吧。

大家也可以把这个东西给提出来哈。Name。然后我们好，这个时候我们删除掉。啊，我该是记住要一定要保存啊才能出发，这个重新编译，我们看一下这里已经有了新的，再打开看一下。啊，这图片已经有了是吧。啊，这个我们就可以看到这个非有ID，就是我们需要的这个东西，对于腾讯云服务空间和阿里云服务空间的个区别，啊，腾讯云服务空间所返回的非ID是真的费ID，你需要再重新换取这个。啊，图片的路径啊，这个阿里云服务空间是直接返回这个。啊，文件的这个地址了啊，那我们就直接。看到很明显是is.id吧。我们就要的是is ID更好，我们试一下来。啊，我拿到CID了，就是我们图片地址对吧？啊，那那好我们就可可以下一步了，下一步是什么呢。

下一步就他了对吧，就他了对吧，那我们这里是获取的是什么。是按压的D，那很明显这个药在他底下试试吧。然后呢，呃，这个如果我们想显示图片上传成功的话，你也可以加一个UN点对吧？这里呢，我们选择完图片之后呢，上传的那个时间，我们也可以给他给他变化一下，我把这个给去掉哈，我不不让打印东西了，这个我们也打印看过了是吧？那这里我们就写个那个ing啊。楼顶这个在这里呢，写一个。Had。或者我们上传完之后在这里写也可以。啊，不是不是这里啊，抱歉，呃，那个说这里写啊。那我们来看一下我点的图片。那我们输出一下看一下，可以看到这个路径地址哈，就已经变成我们的这个这个云存储的这个链接了哈，就这个资源的链接看到了吧，那这样我们上传之后呢，它整个这个HTML拿出来就可以直接访问，就可以显示我们东西对吧？符文本解析对吧，以至不至于不会出现那个突然找不到现象对吧，那我们这个。

看下时间啊，这个副文本编辑器这一块就完成了啊，那我们除了副文本做这个副文本编辑还要做什么呢。但是我们嗯，富文本这搞完之后，我们肯定要生成文章对吧。啊，这个输出啊，先写到这里，输出先写到这里啊。啊，我再给我看一下输出里边，我们就拿的是IML对吧，那我看一下这个。跟CX差，大家看下看这个ITL。呃，比如说我这里上传一个，然后输出一下，好，这就是我们的MTML对吧，这符文本嘛，好拿到这个玩意儿对吧，拿这个玩意，下一步我们肯定是要那个去去。

嗯，想想我们要有文章标题，要有这个封面啊，以及这个什么。啊，反正就很多东西对吧，好。我们来继续看，找到我们的这个云数据库。我先把之前的那个给写的给删掉啊。啊，我找到之之前那个新闻列表，我一下创建了。我让大家重新创建一下啊。还有就是我们上个视频不是呃那个啥嘛。给大家看一眼，也是要改变一些策略的。就是一些不合适的地方。我想了想。好，这里我们先创建两个数据表，一个是。新闻设计表一个文章设计表一个是文章类型，可以看到了吧，我们都要创建，至于这个评论和收藏的文章呢？啊，我们看一个时间视频时间哈，因为我们之前说过，这个视频尽量不超过30分钟，所以我们不会拖太长，能讲就讲，时间不够我们就留到下一个去讲，好，我们先把这个文章和文章类别给创建了。

然后这个我们来看一下我们的管理系统啊。给大家家写的时候，这其实不合理的，其实这几个这几个按理说是吧，T这个应该是我我我给删掉，它应该是通过这个文章类别来就是去做的，因为我们文章有多少分类才能显示多少，不能凭凭借我们那个。这个班的对吧，还要取决于就是文章类别对吧。然后我们就已经春节好了，对吧，可以看到这只这个。打开。啊，还有就是这个文章分类和文章管理哈，我这个也重新删掉哈，因为我上个视频好像没做完就。

就给就给退了啊，也是这个视频，我把这个文章分类和文章都退了，现在呢，就是大家看看这个样子啊。就还是我们之前那个视频样子对吧，那好。我去在这里呢，我们不是创建好这个分类和这个分好这个文章了，对吧，看这表结构，我给大家讲一下专门这个个地方啊，就是你看这个权限create update，这其实就是客户端直接访问这个云据的这些权限啊doc.uid这个啊UID，然后这个且doc点这什么什么，这个是什么意思呢？这个是这个意思就是。本人写的，比如说作者写的，然后这个状态是零，就是在草稿箱他没有发布，你想想我在草稿箱的东西，我肯定只有作者才能看到嘛，所以他这这个就是只有。坐着还能看到哈。这个就是代表是作者，这个是草稿，所以草稿这个才能看到，或者这个文章已经发布了，他状态是一大家都可以看到。

啊，对吧。可以看到是不是草稿箱和状态，可以可以看到这个字段对吧，那这个呢，Create创建的话就是呃，只要创建者的UID不由一空，那就完事了，对吧？这个阿法丽的肯定是作者才能创建啊，这个删除也只有作者能删除对吧？所以这个大家可以简单了解一下啊，这这个权限控制哈。嗯，好，我们继续。那我要把这个东西给导入到这个后台管理里边啊，呃，怎么怎么办呢。我记得之前好像给。这个。加了我已经加过一次这个东西了，在这个码里边。三个事情没做完吧，抱歉，我把我都我把它给删掉啊啊这这两个玩意给删掉。然后包括这个pages的杰森，我也要给他先删掉啊。就是看他。

和这个。他这个。None。这就已经好了啊。还是这个样子是吧。我导入到这个UN控制页面对吧。注意是这里编辑旁边这个玩意儿啊。用这KO的页面哈，我们这里导入的HBX找到我们的这个什么对码还是几个M码对吧，确定。这个我们找。那么合并对比。然后合并对比一下。然后这个是什么。这个是文章的对吧，我们还要把分类的分类给导进来啊，这个分类给导进来，这里分类分类我们也给导进来。同样的步骤。打进来。好，和平对比一下。

这就已经完事了哈。你看这些列表，它自动给你自动给自动给我加加进来了是吧，如果出现这些红字了，你随便找个地方改打个空格，然后CTRLS再返回CTRLS，就让重新编辑一下嘛，对吧，这个文件需要重新找一下对吧。那我们来按这个管理端哈。关单，我们肯定是要加这个子菜单的，对吧，我们比如加子菜单。叫这个我看一下啊。这个名字。这个叫这个叫菜单，这个叫类对吧。廖师傅给他写这个叫文章分类。然后这个文章分类的话，我们就用这个吧。随便写一个这个路径在哪里看呢？看那个配里面我们可以看到啊，往底下找。啊，这个是这个分类的，对吧，可以看到。

那就是这个啥啥玩意儿是吧，然后这右面UL斜杠加我们这个路径啊，这号呢，2020啊，刚才有我们有2010了，那我们这样提交一下。可以看到内容管理里边多了个文章分类，对吧，他未找到这个呃表哈，现在就在空里面在编写。啊，这个灯，这个灯我们先不管啊，我们先不管。我们那个点下包账包账管理啊，我们那个系统。菜单管理啊，继续给他。加S菜单，然后标识符。这同样的下个是啥呢？下个是这个文章管理是吧，这就是文章的。表示给简历的写文章管理。文章管理的这个，如果你觉得这里这里边有好多都不合适的话，是吧，我们随便选一个，你可以在这里自定义图标啊，按照步骤走很简单的。我们要这个加list对吧，加list注意是list。

2030是吧，好失效一下。是不是加错了这个加错了这个，这个是list。啊，我们可以看到这个文章分类。然后这个我找到什么什么什么表是吧，啊在我们的什么，我们重启重新编译一下哈。来我们继续看这个，先看这个看啊后端这个我们肯定是作为一个文章发布出来做的，对吧。他还告诉我没找到这个玩意儿。这里细人应该也喊上来。

回头看一下啊。呃，那个我又给他就是下载了，先在这里下载所有之后，然后又给他重新上传了一下啊。然后我们来看啊，这个文章分类，我们新新进，比如说我们新增文章分类啊这个名称。啊，我们可以看到我们之前写的是什么。关掉哈，我们回到我们这个客户端。你找到我们的主页可以看到。哎，我这。我主要可以看到这些啥都没有了是吧，是因为我们这个数据是没有的啊，就list里面我们之前写的是娱乐，呃，要闻啥玩意儿了，对吧，那我们这里的再加回来哈。关掉。要加什么娱乐是吧，娱乐。就是娱就娱乐，娱乐就娱乐吧，都是娱乐。

然后这个图标地址。嗯。不写了图标为什么写了，我们分类嘛，就写一个，就写个娱乐吧。该类别下文章的数量这个哦，我们不不用写，他会他会你写了之后，你选这个分类之后是吧。它会自动添加的哈。然后我们加了个娱乐，加了一个，嗯，这个什么。鸟文。然后这个高效这个我们加个排序啊，就加三。然后这个我给他加个一。好看啊，再加个二。还有啥？是，我也不知道该写啥了，呃，游戏吧，写游戏的。游戏我这写个四。好，这个我们就已经完成了是吧，这个分类是大家都可以获取的哈，然后这个文章管理的话，那我们提增的话，这里就会有这四个对吧。

就这四个玩意儿了啊好，我们继续看那个文章分类啊。我们要在我们的首页显示出来的几个分类，对吧。那怎么要怎么做呢？来看一下咱那个是怎么写的啊。之前那个是在这里，在这个里边写，因为他之前那个我放那个班子里边了，对吧。那我们找到这一块把它给删掉啊看一下。OS。我们不要这个推四。这个table也不需要了是吧，那我们需要需要获取什么呢？我看一下他他这个数据表的名字叫。这个是吧。那我们就换成这个。然后呢，什么。然后我们看一下这个数据什么样子的啊。

现在我们新增的。啊，点错了。是这个啊，娱乐要我高效和这个游戏啊，那我们就直接获取全部的对吧，那个V条件肯定是不加的了。然后我们可以。可以写成TBS啊。我看一下啊。T。在这里呢，我们看一下。对有四个对吧，娱乐亚文游戏和这个。高效，呃，很明显它是result的对吧。我们这里就写。塔。好，我们再打印一下看啊，确实就是我们这这几个这几个玩意了，是吧，可以看啊name对吧，Name，那我们这里呢，直接给他。

啊，我看一下啊。就就就直接啊，等于砍一下哈，复制哈。这个是绑定的是list是吧。这个list啊。不是推塔，是这个玩意儿啊。好，我们可以看到这几个东西就出来了是吧。他说几个是从01244开始的是吧。那我们看一下。我们这个云数据表啊，它是从1234开始的是吧，那等会我们可以根据这个satt也可以去查找，对吧，那我们继续。具体写什么呢？我看这个时间啊。嗯，我们先把这个。

啊，不管时间了，我们继续讲啊，可以看到我们这个封面编辑器，呃，是首先需要文章内容的是吧，还有就是我们也需要。我们看文章管理里边这些新增啊。可以看到它是有分类，有标题，有这个文章内容肯定是我们要写的东西，对吧，然后包括这个，呃，摘要。这个文章ID我们可以让他就是自己获取啊，比如说我是发布者，我直接获取啊就可以了，对吧，这些都这些都不需要我们填这个封面大图，你也可以写，当然我们也可以默认的获取我们这个。文章的第一张图对吧。嗯，它这个内容我给大家看一下哈。来个adamli。嗯，找一下那个pieces。这个articles可以看到这个艾哈他这些，他这些你看。用的是uniform。啊，就是一个组件啊，然后这些就是要提交对吧，你看格式化一下吧，他能写的。

这些东西他外箱发布一个，呃，关闭还有热死这些东西啊，如果你就是觉得自己写麻烦的话，我们可以直接拿走用哈，啊，我还没有就是。试过，我们这里可以来试一下，把他东西直接给拿走，然后再再再再再一次改造是吧。嗯，比如说我这里先把之前的这个玩意儿。风编译器给注释掉啊。我来看一下这个东西。好，我们来看一下这个首页啊，首页。我们我们我们给这个个人中心啊，这找到这个个人中心啊。我们给它加个路由跳转哈。刚我们设置了收藏用关注对吧，那我们同样的可以加一个什么，把那个卡券给打开，加一个那个把相册给打开了。

再用那个发表。文章。啊，这里就发表文章对吧，然后我们可以加个点击事件，等于这个什么呢。一。D。Goit这样命，暂时这样命名哈，勾啊，这里写勾。然后估计一下这是叫什么呢。有那点儿。他看的是这个。看UR它现在是这个E对吧。1.to啊，它这个页面是吧，但很明显它是不登录是不可以的，其实我们可以模仿我们这个going啊，模仿一下going。调写。这个URL。

好，我们来看一下。发表文章。然后就是我们刚才刚才给复制过来的个新增，对吧吧，看是这个样子的。我们我们稍我们不是管理员，我们肯定东西是要不到的，对吧，包括这个文章的ID，呃，完全可以给他注释掉啊。他在表单里边说句是什么，是有点ID对吧，但是我们可以拿一份对吧，我记得我们这个总体城市里边是不是可乐呀。I。UID，你看我们存了UID对吧，我们存了UID。我们从上USD就可以直接给他。携带不就好了，对吧，你获取一下缓存。就可以了，然后文章ID我们不需要了啊。可以看一下这个。我有变化呀。

我哎，我注记得注释过了呀，难道哦不好意思注册错地方了啊，我注册的是那个unma里边那个玩意了啊。好，我们这里格式是不是乱了呀。那我可以就。哪来的就是。然后这个等会再带点东西对吧。成为宗教。嗯。然后那个标题内容，内容肯定就是我们要在分文编辑器，对吧，我们可以先先做这一步，也可以先把副文本编辑器那一步给做掉。然后。文章内容摘要，摘要我们也可以写这个文章状态，那个开放评论对吧。

我们可以看到他官方那个写法。就提交你看到啊，这个玩意儿，他这个is。什么什么的。啊，他使用那个DB提交对吧，看到没有，就是看也是我们那个，呃，API写法是吧。啊，认竞争成功啊，说什么。那我们直接可以就是。看看看看看看他这个表单里边都有啥哈。就搞那个肯定是这个内容对吧。啊，那我们也不也也不废话了，继续改造。把这个评论这个给给给割掉是吧。最修改时间，管理员可以改，我们不可以改对吧，这个封面大图我们也可以不改的表现，因竟我们都会可能要用到，比如我们要我要上传一个对吧。那好，然后这个回复ID。哎，我们也不知道我们看的对吧，什么大图的话。

格式是不是有点乱啊？转一下就好了，我们可以给它改成什么呢？改成一个按钮哈，然后去上传知道吧，我们这个地址是可以上传的，包括我们云存储到我们改造，我们先把这些注释给去掉，反正我们也可以把可以去再取一份，对吧，是取的。弄好，然后我们可以把我们那个副本编辑器搞出来了。但是我建议是，呃，这个。把它直接移过来啊，可不是。重重写啊，把过去的刚才那些东西都移过来啊。看到人家写的这个已经非常好看了，是吧，我们就直接移过来。可不呢？然后在这里加一个对吧，没有。

应该是他就是把整个整体括起来分成两部分，然后第一步第二步对吧，我们很明显要有第一步和第二步是吧。看这data这个methods，我们也给他。Methods。到这里。刚的哈，去刚的不是。我们只负责这个买S。同时再复制一份是吧。然后lo的来一份。点在这底下那一块全部给它复制复制掉。然后我们再回到我们这一点这个里面。我再看一下负责是啥玩意儿啊。复制到我们这个安陆的。

然后呢，最后。那我们就可以把它作为这个这一行给替换掉了哈。这个。302这个地方要加一个。标点符号，因为上面是那个methods的东西，对吧。我们看一下它已经是这个样子了，是吧，我们肯定不能让他一下写成这两个呀，当然您要是觉得可以的话，你也可以这样写，反正你看手机好拖动的话，这样也是可以的。我们这个可以这样写哈。那谁先穿呢？嗯。这个五章内容我们也要去掉，对吧，五章内容我们先找。然后给去掉。然后标题摘要啊在底下对吧，然后我们可以把提交变成下一步。

对吧。然后这个输出就变成完成的，好啊，我们改造呃，这个A。V啊，那我们也可以去这个呃，UVI里面找到一个组件啊，就是一个步骤条。啊，我看一下那个步骤条件哪里啊。步骤条可以看到这个步骤条，我们也可以就是把步骤条给移到这里面加对吧，我们这里先不移哈，就给大家讲一下是可以这样的哈。这个AF等于S。我们A组one就是不是第一步哈，A组one，那肯定这个它总共就两步对吧，那肯定这个要改成非one对吧。A，我们肯定是要默认为出的，因为第一步先行对吧。写错地方了。

我们第一步先进行就先让他进行对吧，然后这个提交的话，我们是肯定要改的啦。那你说扭，人家都是先写文章写这个，那我们。呃，看吧。那加上他写这个富文本对吧。首先来看一下，告诉我们这个I form it and find，其实就是啥呢？因为我们这个表单还没有出现哈，我们可以把它把它变成一兽试试看。这我说他只是不显示对吧，他只是不显示这个玩意儿对吧。我们也可以把这个变成我们先不管它这先先这样啊，微收微微收是可以，就是它这里边是也是有的哈，它只是就是啊，区别为符合尾数，一个是就是不渲染，一个是隐藏啊。

这个输出我们可以改成下一步对吧。我改成下一步。那下一步的话是啥呢。嗯，很明显我们这个connects可以看到吧，就是我们需要的这个不好意思做。这个HTML对吧，那我们要这个s.for我们给到点什么呢？Con。我还是英文不好呀，我看那个是Co。NTNT啊，内容con TNT。啊，在这里CT等于这个肯定是这个我们的。负文本对吧，把它呼吸到，然后让，然后让他进行下一步，下一步是什么呢？下一步肯定是让x.XY啊等于负对吧。

啊，这时候我我要打印一下那个。在房地塔。那在发布地上，我们可以看点下一步。好是吧，点下一步防这套，我们看一下这个context里面，Context里面也有了一个简单的一个符文看就就只有一个PB对吧，那啥都没有。那我们这里肯定要点回这个上一步对吧。我点点多了。返回呢？找下又返回啊返回。我们太啊，这个back就是返回上一不好。也返回上个页面，它俩其实是一个页面啊，这个我们就不用这个做跳转组件了，我们自己写一个对吧，我们自己也可以写个返回对吧，同样的。写上一步不就完事了。上一步？

那还等于什么呢？等于啊，这个S。Is one。等于等于，这个等于。初始是FS吧，那我们让这个也改成这个。我试一下，我们写下一步，然后下一步。要改什么瘦呢？啊，改成未收比较好，他还能记录一下这个东西对吧，我们让他不让他重新渲染，我们只是让他隐藏。那很明显就是这样写更好，对吧，下一步。啊，这里我们也不打印了，很明显刚才我们那个数据是可以获取到的是吧，干嘛要打印这一部不好看。去掉。好，这样我们继续。看下时间。三八了哈，那我这我们这里上传一个图片啊，上传一个图片，然后我们把它居中一下，好，我们点下一步。

我们输入标题。标题叫。牛逼。啊，我们选娱乐开药的话牛逼。啊，然后这个这个我们肯定是现在现在是肯定提交不了，为啥？因为我们还没有写这个UID里吧，还是写完，还是把这个写完吧，你看我们提交的时候，我们也写了，我们也是这这里也讲过了，这个UIUID如没它是不行的，是吧。啊，不过我们先试一下看行不行啊。我们点击已发布，点击开放所到提地址，我们等一下再改到我们点。提交。啊，文章内容必填。文章内容必填啊，我们没填吗？那章那种不就是卡那个。

文章内容看一下。啊，如果如果展开看一下啊，像是加上这个玩意儿，它其实已经有的呀。文章内容必填，看我再看，打咱一看一下啊，在这个提交的时候。The clear them some。嗯。对惨这这个是直接那啥了，我们肯定是要进行。这一步，这一步应该就是。Some then。我看一下啊。牛。牛牛。告诉我们的内容必填，然后这里我看一下这个。

哎呀，这个好像是确实是没有变化的，你看那个对吧。这个是this。From data humanity。啊，我知道这个了。这个表单哈，他教研的是表单哈，那我们这个给他给他写成写成V。So等于。PS。分再试一下。行动成功了哈，行动成功了，不好意思，可能刚才说的有那个地方有问题。看看他这个UID，它自己获取了，我们来看一下这个ID user。我登录的账号就是这个，就德玛哈士奇，他是他这个也不需要我们自己写，他自己给你就是解析出来的。

所以我们就只需要这样，你看我们这个文章就已经上传好了是吧，那我们可以看一下我们这个分类里边。N这我们还是还是这些分类，我记得。看一下。他好像是不默认增那个增加那个就是分类文章的数据啊，好像不是默认增加的。那我们也不管它，我们这里就是这个文章编辑就已经搞好了，对吧，你看到我们的文章编辑就已经搞好了，下一步那我们也可以我们我们当然我们也可以写这个文章，不能为空啊，我们上一步下一步这个solo图搜lo图地址呢，我们也可以改一下哈。我们可以看下缩料图地址，对对对应的是什么啊，对应的是AVA啊，我们也看一下这个数据表结构，这里面那个AVA啊哈。

嗯。嗯，操。也没压呢。太小了。啊，在这看到没有，封面大图看到了吧，是封面大图还可以看到，再看一下我们这个数据，他这个发表时间和最后修改前也是给我们自动填充了是吧，那我们就不用管了是吧，我们也找到这个a tr了，那就是AVA tr对吧？那分面通面图地址我们完全可以改一下啊。它我们不用这个UN input了，打通。我们可以直接。加一个什么呢。当然你也可以给他写成为，毕竟他是表扬教练嘛。当然，我们可以不用表达，但是不是复制人家的模板吗？

受不？那这里我们写一个上传文件。啊，同时就是如果我们那个。啊，搜这个没有上传这个首页资料的图，就是我们写的这个上传文件啊。那他是不是要获取这个。那个什么就是我们副用编辑器的图啊，是不是要是要获取我们副本编辑的图，当然我们可以在这里写一个，写一个什么呢？在我们给我们的副本编辑器加一个这个。我就是这个什么图片统计对吧。就专门记录我们这个文章的图片啊，以以备用，对吧，比如说我们选择这个策略图的时候，可以让他从我们的这个。文章里边选，那这个时候就起作用了，对吧，比如说你看这里边我们每增加一个照片。我找到我们的上课图片，我们就让我们这个。

这要改一下啊。不上打印东西的，我们就让我们那个什么类似点image对吧，嗯，点part什么呢。就是。这个玩意儿啊。但是这样写也也也是有问题的呀，什么问题呢？就比如说我删删除图片了。这个音色，音色它没有去掉是吧，还有另外一种方法就是。我们先不管他。获取一下这个打印的结果。啊，我们可以在这边看一下，比如说我上传一个图片。好，我们点下一步可以看到这个。里面。

仔细看啊，这里面是有的啊，可以看到。如果是图特的话，它这个就是图像看到了吧。然后这一色彩就给你卖，可以看到是吧，就就有这个玩意儿对吧，可以看到。那我们就可以来判断了。就是我们生成这个玩意的时候啊，我们可以判断。这个is。点什么？第一。我提一下吧。手机有消息，什么消息？腾讯。还有代金券啊。我不管，我让他等于等于等于我们这个点啊。他这个。OPS的吧。

然后呢，我看一下这个分吧。继续写。说一下。干什么呢？你看奠定我们的每一个节点，如果是图然的话，我们就给它，给它抽出来是吧，抽出来。哎，就看那个TP，比如说。或者就是直接看啊，直接看那个。They image。比如说我们if。Object。点这个什么就近。Image对吧，Ma ma如果存在的话，那我们就让这个什么。

这个image对吧。怕，怕什么，怕这个。他对吧。我们可以看到这个影面积对吧。可以看到它就是这个图片的路径，对吧，好。撤诉。那我们这个时候。来打，然后等他完成之后啊完了哦，我们就是看一下吧。这样这样不太好啊。这样不太好，不能让他来写对吧。我们俩。But，这个意思。等于数字。Posh。这个晚上对吧。然后让让我们那个等。推完打印一下。来个图片。

下一步。可以看到这个图片就被我们踢出来了，对吧。是零啊，我们当然可以也可以上一部，然后再插个图片。嗯。下一步可以看到这两个。有有两个了，对吧，看到了吧，有两个了，我们都把它给踢出来了，看到了吧，那这个时候呢，提出来之后呢。按我们递交这个。这个文章的时候啊。我们可以来判断一下，就是如果这个。什么？s.form.ava啊对吧。他这个数据。嗯，是空的话，就是它默认默认空就不等于等于空吗？空的话这三个三个符号可以确定。那就让他。那就让他这个类似点方木推塔，点A为T等于s.image或者你也可以来个随机的。

然后还有啊，就是F就F就可以了，如果他不等于他的话，有空的话肯定是有的，有的话我们就不用操心了，对吧，他已经上传了。你好。那我们来可以测试一下，可以看到我们的手机表。我先把它给删删除掉，以免影响我们的下一步操作，对吧，我删除刷新一下看一下哈。啊，这这里呢，我们宣传一个图片。再上传一个图片。然后我们点下一步啊。然后我们选个娱乐，选个标题，牛牛牛，就像向天牛发布开放，这可以上传文件，我们先不上传。你提交。呃，新增完成了，看一下我们设计表。可以看到这里的。是吧，这个avr。

为啥会，为啥会是没有的呀。MAS，我这里看一下啊。发下文章看一下。差一个。上传两个，然后这个数据。是这样的。然后。随便写吧。提交的话，我看一下这个是什么。301行对吧，301行打印的是这个图片。打印的是这个链接啊，打印这个玩意儿呢，我再看一下这边。哎，奇怪，是不是打印了AVA RA avatar。

AVA啊。我这个未收益去掉看一下。当我们进行这一步的时候，提交的时候。哎，我不知道为啥了，他他这个哈，这个不好意思，他这个VIVO啊，他这个是把那给微给传过来了啊，我傻屌了哈，我们看下那个VIVO，咱就知道这个为为什么会不解释了啊啊我没有仔细看啊，看看那个啥了，太马虎了啊，我大家看一下这个东西啊，看那个VIVO。

这个VIVO是行299是吧，299它其实就是这些东西对吧，当然我们我们改的时候改的并不是贵长的是VIVO对吧，所以我们直接改VIVO啊。直接改它就可以了，把这个X方一题啊。跟他。马虎大意确实是不可取的哈。现在我们再来发表一份，就应该是正常的了。好，我们再来发一份，还是就是默认不给他传那个缩略图啊。那这里呢，我们就直接选一个SSSSS，你发布开放。然后我们提交一下看看啊，可以看到这个数据里面这个avat还是已经有了，那我们在此呢，看一下我们数据数据库它也是有的啊看看到了吧，负面所有图也是有的了哈。

啊，意思是不是，所以我们就是默认是它的那个。第一个图对吧，可以看到这个。我们也可以通过这个我们的内容管理，网上管理来管理它。看看这个封面大图是已经有的了，就是刚才那个看一下。是吧？那我们如果自己自定义上传怎么办呢？我们自定义上传，上传文件。那怎么办呢？如我们当然也可以设置啊，我们可以设置另外一个东西，就是我们自定义一个这个图片啊，如果他不文章里边既不上传图片，这个封面大图他也不要上传，那我们就给他默认的来一个我们自己的对吧。那好，那继续。我们。稍等一下，把这个给他，给他。

位数等于对吧，不不让它显示剩上我再给它加一个等于。上传，然后我们我们也可以在后面加就是。如果不上传的话，可以，比如给这波汤加一个。默认为。这个文章。第一张图片。然后这个我们可以上传，肯定不能上传了，对吧。这个叫Apple AVA tr对吧，那这套东西呢，其实和我们这个。啊in色彩与面积是差不多的啊，我们就写我们我们就写在这里哈，是Apple AVA对吧。然后这里它同样也是这个求面积对吧。然后我还是上传这个云端云函数，不上上传云存储对吧，那调的步骤都是一样的，只是这一步不一样对吧，只是只是这一步不一样。

那我们这一步就要this。最下角AVA啊，等于。这个玩意了是吧。好，我们来看一下，就是我们。这里删除掉。好，可以看，可以看到我们这里上传文件啊，我们主要是主要的时候并没有上传内容，里面并没有图片，对吧，我写一个好，我们提交一下试试看这个文章标题S。然后我们看一下这个avr是不是也有了，有这个图片了。对吧，可以看到有，那我们可以再加一个东西，就是如果他既不上传内容也不写，那我们同样的也也可以给他。就是它有个默认的哈。啊，这个这个这个里边可以再再次判断一下。

为空的话啊，如果这个Z点啊，点等于等于零的话，那肯定不能通过添加是吧，如果的话。到时候可以从那个文章里边获取。这个是文章不获文章，他文章文章里边都没有上传的话，我们可以给他来一个。比如说就是刚才我上传那个对吧，展开。我们就用这个地址作为作为我们的默认的，就是默认默认封面图可以，他就算不上传也有对吧，不上传内容也不写，它也有这个图片。啊。那我们看一下S。提交。好找我找一下。S。它也有对吧，也是这个默认的，所以我们这个图片就给他加好了，其实我们一看我们的文章也是一般就是这这么多内容，对吧？啊，然后那这个封印编辑器，我们就算是已经，嗯，已经做好了啊复印编辑器。至于如何展示呢？呃，你看以看到我们这边已经已经留出来位置给他展示了，是吧，已经留出来展示位置了啊。

那个我们这个视频到此结束啊，这个视频就是讲到一个风韵编辑器如何实现哈。嗯，最后呢，我们再看一下。我我我这次真的来写一个文章哈。就是说。666666。老铁老铁双。66666。然后我让他居中一下。然后加一个。牛逼，还有一个图片。加一个什么呢？加一个。加个狗的图片，虽然不知道是谁的狗子，我们点下一步，我们点那个娱乐点，我是艾玛哈士奇。哈士奇，然后我们发布开放。啊，这里封面图片，我们也可以来一个。

来一个。就就他吧，还是他，然后我们看一下这个。诶看可以看到是吧，可以看到那个connect connect里边我们可以看到这个connect里边的东西啊。啊，我们可以用分文解析给解析一下哈。比如说我在这个首页里边哈。手表里边加一个符文本解析器啊啊，我只是举个例子啊。给大家看一下这个图件里面。有一个这个找一下。Rich text富文本找下个富文本哈，然后这个副本你看富文本，写富文本，它是可以从节点电码一些iml string对吧，它怎么用在底下，我们拉到底下可以看。那我先把我刚才上传那个玩意儿，嗯，就小样的T吧。

S，呃，不当个测试对吧。它不能这样写，因为它里边就是这个双引号，对吧，这样写说句。然后form解析一下对吧，可以看到他们也是这个，他们这这这这个节点模式对吧？乘是不是也是这个HH5T对吧。它这个字符串类型的对吧。啊，我们可以看一下。往右哈。元素今天是这个。嗯，直接写我看看看看看下标签啊，Rich text是吧，Rich text text。刚no对吧？Noe等于什么？No等于什么呢？选S。啊，如果没错的话，应该就是这样写的啊，我看一下首页，我看已经有了是吧，这个文章就已经被解析出来了是吧。啊，那我们下个视频见。