如何生成RichText的node

朋友们好，这一节课呢，咱们来了解一下常用的基础内容组建，那么最常用的基础内容组建啊，就是 text， 还有瑞驰港 text， 那其中 tax 这个组件啊，就是一个普通的文本组件，类似于 html 里面的 spa 标签啊，是一个行内的元素。 那然后呢，瑞驰杠 tax 这个组件呢，是一个副文本组件，他呢支持把咱们的 html 字符串渲染为微信 ml 对应的 ui 结构。 那接下来咱们分别去认识一下这两个组件如何来进行使用。首先呢，咱们来看一下 tax 组件的即文使用啊，咱们通过 tax 组建的这个 selax 属性，可以实现长按选中文本内容的效果，那比如说我们在页面上啊，可以放一个用户的手 号，那然后呢这个手机号啊，支持用户长按之后呢进行复制的操作，那这时候我们只能使用 tax 的组件， 注意啊，在小程序里面只有 tax 的组件支持长按选中操作，如果你把文本放到了 view 组建内部呢，那这个 view 啊，是不支持长按选中，然后呢复制这个效果的。 好，接下来啊，咱们去做一下演示，来打开自己的微信开发者工具啊，在这里呢，我们先放一个 view 组建里面呢放一个文本啊，来咱们写的文本，哎，这是手机号啊，支持长按选中效果。 然后呢我们放一个 text 里面呢，放一个手机号，比如说幺三八四个零一二三四五零五六，好 保存。那接下来啊，咱们去做一下演示，大家来看啊，我鼠标放到这个手机号上面，我长按 不松开，但是呢我们发现啊，并没有那个复制的那个选项，这为什么呢？因为咱们这个模拟器啊，他无法百分之百的还原咱们手机上的操作，那所以说这个长按选中的操作，只能通过咱们的 登机来进行预览。那所以说啊，我们可以开一个手机的公屏软件来，咱们通过扫一扫啊，去扫描这个预览的二维码，咱们在手机上去做下演示。 好，当咱们这个二维码出现之后呢，咱们可以点击这个扫一扫的按钮，是不是来咱们扫二维码了， 好，扫码成功，那成功之后呢，大家来看啊，看老师在自己的手机上来进行操作，能否出现那个 复制的选项，大家来看啊，我长按啊，按了好久了，但是呢还是没有出现，为什么呀？你注意啊，咱们这个 text 文本，如果想要实现长按选中的话，必须加一个属性啊，是 selectable， 来，咱们加上这个属性之后呢，再来演示啊，来 直接加属性就行了，不用给持啊，好保存。然后呢，我们点击这个预览的按钮啊，咱们重新去进行预览的效果，来，我们关掉小程序，然后呢扫码 打卡，再次出现了这个预览的效果，那这一次呢，咱们在手机上啊，来进行长按 打卡，是不是就选中了，那么选中之后呢，咱们可以点击这个拷贝啊，就可以将用户的手机号拷贝走，然后呢去进行其他的操作了。那所以说 在小程序里面啊，如果想要实现长按选中效果的话，哎，只能使用 tac 的组件，而且呢必须去加一个 celection 才可以。 好了，这咱们的太子组建的基本使用啊，那么接下来啊，咱们再来看一下这个瑞驰杠太子组建的基本使用， 通过瑞士杠 tax 主线，咱们可以把 h 天毛字符串渲染为对应的 ua 结构，那只不过呢，咱们需要使用这个主线的 nos 属性来 进行渲染，那比如说啊，咱们在页面上希望给他一个 html 的标签，然后呢，我们希望将这个标签渲染为对应的这个 ui 结构，那 这个时候呢，咱们需要加一个瑞士杠 test 的组件，里面呢通过 notes 属性来指定 h 天猫的字符串，那么最终我们就可以在页面上 炫出对应的结果来，咱们去做演示啊，打开自己的微信开发者工具， 在这里呢，我们加一个瑞驰杠 text， 大家看啊，里面呢可以加一个 no 的 n， o， d， s 啊 nos 属性，在这个属性中呢，咱们可以给他一个 h 天猫的标签来监控号 a 十一斜线 h 一 中间呢，发现一段文本啊，这是标题。同时呢，咱们可以给他加一个行内的样式来， 等于一个样式，注意啊，咱们外面已经用了双眼号了，那里面这个样式啊，就不能再使用双眼号了，咱们需要使用单引号，哎，英文的单引号啊，来一个 color 等于红色，好保存之后啊，大家来看，在模拟器里面 就将这么一串 htm 的标签哎，渲染为了最终的微信 ml 对应的结构。 好，这一节课我们为大家介绍了两个比较常用的基础内容组建啊，分别是 text 还有瑞驰杠 text。 那么通过 tex 这个组件，再加上 selectable 这个属性啊，就可以支持咱们在小程序里面长按选中某一段文本，然后呢，通过瑞士杠 tex 这个组件，我们可以将 h 天猫的字符串渲染到页面上啊，渲染成一个微信 m l 对应的一个结构。 那什么时候会用到瑞驰杠 tax 的这个组件呢？哎，注意啊，比如说我们的商品详情页，比如说服务器返回的是一串 html 的标签，那么我们希望将这些 html 的标签渲染 到页面上，展示出一个商品的详情页，那么这个时候啊，哎，咱们就可以使用瑞驰杠 test， 然后呢，把咱们服务器返回的标签直接通过 nos 属性，然后给他渲染到小程序的页面上就行了。 那好，这一节课啊，关于咱们常用的这两个基础内容组线，我们就为大家介绍到这里。

大家好，我是米可爱分享，今天我们给大家介绍 power apps 空间之 rich test 孔雀。 rich test 孔雀主要误用于编辑和显示副文本的内容，我们可以通过 rich test 孔雀来设置字体的颜色大小以及支持列表的这么一个格式。 本期视频内容主要源于近期有民主后台资留言咨询，他有一个这样的类似于 ht 苗的一个文本内容，希望能在 prypes 中显示成这种纯文本 的一个自负差内容。接着，目前这个民主已经解决了自己的问题，不过为了帮助更多的民主在后续遇到类似问题的时候也解决方案，所以我们做了本期视频。同时我们呼吁大家后续有其他问题建议在视频下方留言，这样你的问题甚至于你的解决方案能帮助到我们更 多的民主。接下来让我们来具体来看一下 profs 空间之瑞奇天使孔雀。首先，瑞奇天使孔雀主要允许用户在编辑区域设置文本，同时能得到当前 空间 ht 苗的一个输出格式。 rich test 孔雀目前支持以下的一个格式功能，粗体斜体文，文字颜色大小以及 编号，抄链接或者是一键清除我们的格式。它的常用两个属性是 default 和 htm test。 default 就是初始的时候 rett test ctrl 显示的内容。 htmt test 就是我们修改过之后设置了它的字体颜色，然后将当前的 test 以 html 的形式进行保存。在 popes 中 使用。瑞奇 test ctrl 主要通过一 from the fields 我们设置到这么一个孔雀 time 为 id 的 recit test。 关于在 poi apps 中使用 reit test 孔雀，第一种方式是通过设置 form 的 filter 它的孔雀态度，我们设置为 id 的 reit test 孔雀。第二种就是我们直接 插入瑞奇 ts 孔座，并将它的数据源绑定到我们的空间上面。接下来我们在 partes 中具体给大家演示一下，我们就可以通过新建一个 screen 见面， 然后音色的我们这边可以搜索瑞奇泰斯孔雀，就这样就插入了我们这边的这个瑞奇泰斯孔雀底发的就是我们刚刚介绍的他的一个底发的默认值， 然后我们插入一个 teste label， 用于显示我们一些特定的一个数据内容。我们这边的话希望能输出他的一个 htmit test， 那么我们就可以通过输输入 rett testattttttttttttt 格式。但是如果你像 之前的这位民主一样想要会得到他的成文本，我们可以借助 plain test 来获取到他的一个成文本的内容。我们这边加个换行服，以便与大家进行区分一下， 运行给大家看一下。这时候大家就能看到我们这边可以设置，比如说我们输入你可爱分享，并对他进行一个加粗，设置一个字体颜色， 大家就能看到我们下面这边的内容。在关于我们这边 tests 的格式就在不停的变化，同时我们能拿到他的一个最终的纯文本的一个内容，这边就 给大家演示了，就是说大家在后续自己的 pole apps 中，如果想要提供这么一个副文本的功能，就可以直接借助瑞奇天使的恐惧。接下来关于这个民主的需求，基于这个民 主的截图，我初步分析它的一个数据原式是 ipo 的历史的结合，并且这个字段是一个副文本的一个多行文本字段，我们可以给大家看一下， 尝试重现一下这位民主的问题。那么我这边已经有了这么一个瞎胖的例子啊，并且我 添加了这么一个列集合，并设置他的一个属性为多行文本，同时他的一个启用了使用增强型哈 tf 设置他为处。然后我设置了一下他的内容，我们点击给大家看一下这边的一个文本内容， 大家就能看到我这边是一个角色的字符串，并且它设置了这边的一米可爱分享的颜色。然后我们尝试将这边的虾胖的历史绑定到我们的 praypes 中，我们通过新建一个 squeen 见面，然后 插入一个 italy film， 将它的数据源绑定到我们小阿胖的历史的悠哉 in force 这边为了简化，我们修改一下他的一些显示字段，点击 italy filters， 将我们不需要的全部删除。 点击添加 additive fields， 加入我们自己想要的有关于一个 justin 字符上载内容默认的情况下，大家可以看到这边是 additive test， 我们设置他的 items 来帮助我们，让他有一个我们的数据。 这时候点击我们运行，大家就能看到我们这边的一个内容。这边我们设置一下当前这个 test 的文本，大家就能看到我们这边显示的内容，就是我们视频中这位民主所提到的 一些问题，格式甚至是一一样的。视频开头所说的这边的内容其实就是一个分本的内容，那么如果说我们想要写将它显示成我们下方的历史中这边的一个内容，我们就可以通过修改他的一个孔雀 time， 也就是我们 回到我们的 form 界面，然后 attfields， 我们修改他的一个孔雀 tip， 点击这边的下拉，我们就能看到他这边其实是有一个 viewrich test 以及 attes test， 大家按照自己是一个显示界面或者是一个修改界面来进行选择，那么我这边选择 attiftform read test， 然后点击运行，大家其实就能看到我们这边就是显示成了跟我们这边瞎碰到类似的人们内容完全一致。 那么同时如果说你并不是以绑定 sharp point list 这么一个 form 来形式的，那么你也可以直接通过添 insert 添加一个 regit test 孔雀， 并将他的一个 default 绑定到我们的特定的数据内容上面。比如说我们还是选择 last the user， last the user in force， 然后点我们的 personal justin 这么一个数据， 点击运行，大家就可以看到这个是我通过手动添加 reach test 孔雀来得到的这么一个显示的内容，就是我们这边的一个配色呢，加上 death， 这样我们就通过 reach test 孔雀完美的解决了当前这位民主的需求， 就是说他将这边的一个 itt 苗的格式显示成我们第一幅图片中这边列表的格式。如果你对视频内容感兴趣，欢迎大家关注米可爱分享，搜索 power apps 空间之瑞奇 ts 孔就能看到我们视频中的详细内容。如果你对 power apps 感兴趣，欢迎大家 订阅旁人合集，如果你有其他的问题想要咨询，欢迎在视频下方留言，欢迎大家关注、点赞分享！