微信小程序editor设置默认值怎么实现

2023-04-03 0 2,201

可以看到 editor | 微信开放文档 元素的文档里面提到了 setContents 这个API可以设置内容,但是组件文档里面并没有具体说,不过在底下的相关 api区域看到链接 EditorContext | 微信开放文档
点进去就能看到了:

在微信小程序的<editor>组件中,可以通过 bindready 事件来获取编辑器对象,然后调用 setContents 方法设置编辑器的默认内容。具体代码示例如下:

<!-- 在wxml文件中添加<editor>组件 -->
<editor id="editor" bindready="onEditorReady"></editor>
// 在js文件中添加以下代码
Page({
  onEditorReady: function (e) {
    const that = this
    wx.createSelectorQuery().select('#editor').context(function (res) {
      that.editorCtx = res.context
      that.editorCtx.setContents({
        html: '<p>默认内容</p>',
        success: function () {
          console.log('set editor content success')
        }
      })
    }).exec()
  }
})

在 bindready 事件回调中,通过 wx.createSelectorQuery() 方法获取到编辑器组件的实例对象,然后通过调用 setContents 方法设置编辑器的默认内容。注意,setContents 方法的参数需要传入一个对象,其中的 html 字段表示要设置的编辑器内容,可以是一个包含 HTML 标签的字符串。

微信小程序editor设置默认值怎么实现
收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

1. 有软官网所有资源来源于开发团队,加入会员即可下载使用!如有问题请联系右下角在线客服!
2. 有软官方保障所有软件都通过人工亲测,为每位会员用户提供安全可靠的应用软件、游戏资源下载及程序开发服务。
3. 有软团队针对会员诉求,历经多年拥有现今开发成果, 每款应用程序上线前都经过人工测试无误后提供安装使用,只为会员提供安全原创的应用。
4. PC/移动端应用下载后如遇安装使用问题请联系右下角在线客服或提交工单,一对一指导解决疑难。

有软官网_用软件,找有软 技术分享 微信小程序editor设置默认值怎么实现 https://www.jiaruvip.com/1279.html

有软应用商店是经过官方安全认证,保障正版软件平台

相关资源

官方客服团队

为您解决烦忧 - 24小时在线 专业服务