微信小程序 富文本 editor 初始化时设置默认值(亲测有效)

前提

  1. 你已经布置好初始化内容(就是已经显示富文本了)
  1. 找打初始化时执行的事件

在你放富文本的 wxml 里面

<view class="container" style="height:{{editorHeight}}px;">
		//下面本来是一行,为了观看换为多行
  <editor id="editor"
   	class="ql-container"
    placeholder="{{placeholder}}" 
    bindstatuschange="onStatusChange" 
    bindblur="bindblur"  
    bindready="onEditorReady"  //⬅⬅⬅⬅ 就是这个
    value="{{content}}"
    >
  </editor>
</view>

在这里插入图片描述

  1. 根据事件找到对应的 js 函数

在你放富文本的 js 里面找到 onEditorReady 事件函数(大概在 66 行左右)

微信小程序 富文本 editor 初始化时设置默认值(亲测有效)_第1张图片

  1. 设置默认值 ---------------------- 重要
  • 将其改为
  onEditorReady() {
    const that = this
    wx.createSelectorQuery().select('#editor').context(function(res) {
	    that.editorCtx = res.context
	    that.editorCtx.setContents({
	      html:that.data.content    //这里就是设置默认值的地方(html 后面给什么就显示什么)
	      							//that.data.content 是我存在 data 里面的数据
	      							//注意是 this 赋值的 that,如果用 this 就把上面的 function 改成箭头函数
	    });
    }).exec()
    },
  1. 介绍(选修)
  • setContents 是什么?

    就是微信给提供的修改参数的函数(可根据文档自行修改) ------- 文档在微信这儿

  • html 是什么?

    就是用来设置文本框显示内容的

你可能感兴趣的:(微信小程序,小程序,富文本,editor)