微信小程序开发——实现修改文章富文本（hf

文章发布界面

就是一个类型选择、标题输入(input)、内容输入(hf_editor)
代码就不详细说明了

当我们需要修改博客的时候一般的界面显示就是显示一个和发布类似的输入框，只是里面存有之前填写的内容，但是我们会发现如果在html中可以通过value属性或者标签中间添加内容来实现，但是微信小程序的hf_editor不行，而input可以通过value属性来实现，通过查阅hf_editor的js文件也就是editor.js，我找到了一个方法。

hf_editor实现内容回显

editor.js文件

setHtml(html) { //回显if (html) {this.createSelectorQuery().select('#editor').context((res) => {this.editorCtx = res.contextthis.editorCtx.setContents({html,fail: (err) => {console.log(`内容回显失败：${err}`);}})}).exec()}
},

setHtml(html)可以将属性html的内容回显到富文本编辑器中，当你调用数据库获取内容之后执行这个方法就可以实现回显

that.selectComponent('#hf_editor').setHtml("回显的内容") //回显函数

结果显示

至此功能完成

微信小程序开发——实现修改文章富文本（hf_editor）输入框回显文章功能相关推荐

微信小程序开发加载html富文本数据
最近项目上遇到在微信小程序里需要显示新闻内容,新闻内容是通过接口读取的服务器中的富文本内容,是html格式的,小程序默认是不支持html格式的内容显示的,那我们需要显示html内容的时候,就可以通过w ...
微信小程序 html插件,微信小程序使用wxParse插件读取富文本,解析html标记
微信小程序使用wxParse插件读取富文本,解析html标记发布时间:2018-04-07 作者:Admin 标签: 微信小程序微信小程序解析HTML标记访问量:1203 使用wxParse可以 ...
小程序开发工具_微信小程序开发工具：电商、酒店、展示、文章制作教程
现在市面上各种微信小程序开发工具已经很多了,类型也不同,很多小白不知道该怎么用.其实如果能够选对智能小程序开发平台,那么开发小程序也可以是很简单的事,不管是什么类型,都能很快生成.接下来我就跟教大家各 ...
用于微信小程序的图文编辑器（富文本编辑器）
用于微信小程序的图文编辑器欢迎使用用于微信小程序的图文编辑器欢迎使用用于微信小程序的图文编辑器 #### 项目介绍用于微信小程序的图文编辑器 https://www.cnblogs.com/sh ...
微信小程序开发基础字体样式和文本样式的设置
微信小程序页面主要有4个页面,分别是: js页面.json页面,wxml页面.wxss页面他们的功能分别是: js:页面逻辑文件 json:页面配置文件 wxml:页面描述文件 wxss:页面样式表 ...
微信小程序wxParse用法（解析富文本）
1.先下载wxparse 然后放到你的项目中 (与pages同层级) 2.然后在全局的app.wxss中引入 @import "/wxParse/wxParse.wxss"; 3. ...
【微信小程序开发全流程】篇章0：基于JavaScript开发的校园综合类微信小程序的概览
基于JavaScript开发的校园综合类微信小程序的概览本文仅供学习,未经同意请勿转载一些说明:上述项目来源于笔者我本科大三阶段2020年电子设计课程项目,在这个项目中,我主要是负责的部分有前端, ...
【微信小程序开发•系列文章七】websocket
2019独角兽企业重金招聘Python工程师标准>>> 为什么需要websocket? 传统的实时交互的游戏,或服务器主动发送消息的行为(如推送服务),如果想做在微信上,可能你会使用 ...
微信小程序开发(十三)富文本插件wxParse的wxParseImgTap的bug修复
在上一篇微信小程序开发(十二)富文本插件wxParse的使用中,我已经使用了wxParse插件.下午有时间就仔细的把玩了一下,发现了一个bug. 问题描述仔细看报错,我们会发现是wxParse.js ...

微信小程序开发——实现修改文章富文本（hf_editor）输入框回显文章功能

文章发布界面

hf_editor实现内容回显

editor.js文件

结果显示

微信小程序开发——实现修改文章富文本（hf_editor）输入框回显文章功能相关推荐

最新文章

热门文章