如何在小程序中进行富文本编辑（小程序富文本图片预览）

小程序如何实现富文本编辑？我们将在下一篇文章中为您介绍。 有一定的标准值。 请转告给有困难的朋友。 我希望这对你有帮助。

微信小程序，例如活动说明、介绍等图文介绍页面，通常背景配置为富文本编辑框，可以直接输入内容。 从后台和小程序界面展示。 但使用富文本编辑提取的内容是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