小程序展示后台编辑好的富文本[文字图片视频等]

小程序在开发的过程中都会遇到小程序官方给了富文本编辑器editor组件,但是只能在小程序端编辑,然后保存到后台的数据库中，但是一般都是网站后台编辑好，然后在小程序端展示后台编辑好的富文本信息。这样就可以实现很多信息的交互展示，本人也查询了好久，最终实现了这样的解决方案，费话不多少，讲述实现步骤。

步骤一、
本人选用的后端富文本编辑器是：summernote.css[可以根据自己后端系统去选用的富文本编辑器]
图片截取的是后端编辑器的大致模样，宽高大致和手机的做了一模一样，这样方便于和手机端的大小保持一致。富文本编辑的样子就是实际展示的样子。

步骤二、点击保存后将编辑好的内容都保存到数据库中。

步骤三、在小程序端展示后台编辑好的富文本信息
谨记使用的是<rich-text nodes="{{content}}"></rich-text>而不是使用editor

小程序展示后台编辑好的富文本[文字图片视频等]相关推荐

微信小程序商品详情html,微信小程序关于商品详情类的富文本解析器
微信小程序关于商品详情类的富文本解析器 2020年08月10日 | 萬仟网IT编程 | 我要评论微信小程序关于商品详情类的富文本解析器富文本的解析,在vue中有v-html解析富文本的方法,但是在微 ...
不使用插件，小程序也能完整的渲染富文本（视频展现，图片自适应）
用过小程序rict-text的帅哥靓女们(说的就是正在看文章的你)都知道,rich-text是无法解析富文本中的video标签的,本文教你如何优雅的在不使用插件的情况下完整的渲染富文本首先是富文本图 ...
微信小程序加载并且编译显示富文本编辑器内容
微信小程序如何加载并且显示百度编辑器中的内容一. 下载wxParse文件夹放在根目录下(可以随意更改位置,只要后续能引入成功即可) 二. 在js文件中引入wxParse.js var WxParse ...
uni-app 富文本小程序富文本（微信小程序、支付宝小程序、百度小程序）直接套用pc端富文本问题解析
微信跟百度直接使用 u-parse组件,效果还是不错的,注意一点是a标签的复制提示语,自己需要uni.hideLoading()一下,再重置. 支付宝相对复杂一点,采用原生rich-text 标签, ...
小程序向java后台发送图片_微信小程序在后台如何将二进制流转换成图片
我在前端请求了小程序码返回的是一堆乱码, java不太熟网上找了一个方法可以将二进制流和图片互转,但是从微信小程序码接口获取的数据用这个方法无法获取正确的图片,不知道哪里有问题: 有没有只在前端就能获 ...
微信小程序菜品做法展示数据库设计_微信小程序结合后台数据管理实现商品数据的动态展示、维护...
微信小程序给我们提供了一个很好的开发平台,可以用于展现各种数据和实现丰富的功能,本篇随笔介绍微信小程序结合后台数据管理实现商品数据的动态展示.维护,介绍如何实现商品数据在后台管理系统中的维护管理,并通 ...
小程序html字符,小程序从后台输出的代码为HTML实体字符如何解决？
最近在做一个小程序的考试系统,从后台调出的数据是这个样子的那么我遇到这个问题的时候想到的微信小程序的富文本即(wxParse),使用过wxParse的都知道,富文本必须得具体到单个的数据上才能使用, ...
微信小程序调用python分析图片_小帅丶干货之图像识别在微信小程序展示
第一步肯定是去http://ai.baidu.com 注册账号,登陆并注册创建应用. http://ai.baidu.com/docs#/Begin/top 具体操作就看百度给出的文档即可很详细的哦. ...
开源一个golang小程序商城后台系统（moshopserver）
开源一个golang小程序商城后台系统(moshopserver) 开源一个golang小程序商城后台(moshopserver) golang和c/c++比起来是一门新的语言,一直想学,网上搜集了一 ...

小程序展示后台编辑好的富文本[文字图片视频等]

小程序展示后台编辑好的富文本[文字图片视频等]相关推荐

最新文章

热门文章