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

2022年1月29日 292次阅读 来源: Leach爱喝星冰乐

文章发布界面

就是一个类型选择、标题输入(input)、内容输入(hf_editor)
代码就不详细说明了
《微信小程序开发——实现修改文章富文本（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.context
      this.editorCtx.setContents({ 
        html,
        fail: (err) => { 
          console.log(`内容回显失败：${ err}`);
        }
      })
    }).exec()
  }
},

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

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

结果显示

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

    原文作者：Leach爱喝星冰乐
    原文地址: https://blog.csdn.net/m0_55554710/article/details/123871333
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞