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中来引用他
到此,微信小程序的富文本框引用已经成功了,不懂得可以在下面评论,我会及时回复。