主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情! |
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作 |
小程序如何实现富文本编辑?我们将在下一篇文章中为您介绍。 有一定的标准值。 请转告给有困难的朋友。 我希望这对你有帮助。
微信小程序,例如活动说明、介绍等图文介绍页面,通常背景配置为富文本编辑框,可以直接输入内容。 从后台和小程序界面展示。 但使用富文本编辑提取的内容是HTML格式,书写方式与小程序的wxml不匹配。 那么如何在小程序页面上显示富文本呢?
专家开发了一个名为wxParse的模板。 可以直接在小程序中引入并使用。
安装与使用
page{width: 100%;height: 100%;background: #e4382e;overflow: auto;}
.js代码:
const app = getApp()//wxParse var WxParse = require(\'../../../components/wxParse/wxParse.js\');Page ({/*** 初始页面 * /data: {},/*** 生命周期函数--监控页面加载*/onLoad: function (options) {wx.showLoading({title: \ 'Loading\ ',mask : true})var that = this;console.log(options)that.setData({activityId: options.activityId})wx.request({url: app.globalData .subDomain + \'/GetActivityInfo\', data: { token: app.globalData. token,activity: that.data.activityId}, method: \'POST\',success: function(res){//获取HTML代码 WxParse.wxParse(\'article\&# 39;, \'html\' , that.data.article, that, 5);wx.hideLoading();}})}
js部分有两点需要注意:
第一点是:第一步就是引入wxParse。 页面功能
第二点是拿到html后运行。
WxParse.wxParse(\'article\', \'html\', that.data.article, that, 5 )
文章是你得到的 HTML 代码
类似于这个我想有很多文章。 编写这种组件仍然是传统的小程序编写方式。 新版本小程序的组件编写方式有所不同。 不知道这个插件的开发者以后是否也会转换到最新的方法。 即小程序仍然支持这种写法。
推荐:《小程序开发教程》
PHP快速学习视频免费教程(从入门到精通)
如何学习PHP入门?怎样才能快速学习PHP呢? 这里有简单的 PHP 学习教程(从初学者到专家)。 您可以保存并下载您想学习的朋友。
下载
这几篇文章你可能也喜欢:
- 关于小程序与公众号跳转(小程序内跳转至公众号)
- 小程序如何接入微信支付?(开发教程概述)(个人小程序接入支付)
- 如何管理小程序中的会话(微信小程序如何缓存会话密钥)
- 小程序支付密钥在哪里设置(小程序发起的支付)
- 小程序工作机制简析(小程序工作机制简析)
本文由主机参考刊发,转载请注明:如何在小程序中进行富文本编辑(小程序富文本图片预览) https://zhujicankao.com/124118.html
评论前必须登录!
注册