用wxParse实现微信小程序端的富文本框功能

1.  我们都知道，有些介绍，既有图片又要文字排版，单一的样式不能满足需求，但是微信小程序的wxml又不支持div和p标签，所以本片博客介绍了富文本框的试用，

2.首先在我们的后台，我们使用的是百度的富文本框ueditor添加富文本框样式，小程序端是我们的富文本框展示页面，

1）百度的富文本框引用比较简单，我简单做个说明

首先，下载百度的ueditor富文本框插件，这里我以php语言为例，

下载好的东西如下所示：

放置如图所示目录：

接下来，在html文件中引入我们需要的js即可，按照自己的路径，引用方式如下所示：

然后就可以在《textarea》标签中引用了，如下所示：

然后在js中对id为content的textar获取美容，并且设置宽高，方法如下：

然后后台的富文本框的引用到此为止，

特别注意，这里边的textarea中的name值在数据库中的类型要为 longtext类型的，这里就不多做介绍了吧，简单来讲是因为内容多，所以要用longtext,

二：下面讲解小程序端的富文本框展示

1.首先我们需要引用一个插件wxParse，请在百度搜索下载

拷贝出来我们需要的文件夹wxParse，到小程序目录，这里我以自己的目录为例

接下来，我们将要在detail中使用他，目录如下，按照步骤来，

在我们的wxml文件中，导入文件，头部引用即可：

在js文件中，同样引入，在data中定义   article:' '：

在我们的onload中获取从后台传过来的文本框内容，其中的article为文本框内容，自己根据自己的情况获取，然后按照以下格式拿出来。that,和5为属性要求，不需要动

最后在我们的wxml中来引用他

到此，微信小程序的富文本框引用已经成功了，不懂得可以在下面评论，我会及时回复。