EditorContext

基础库 2.7.0 开始支持,低版本需做兼容处理。

EditorContext 实例,可通过 wx.createSelectorQuery 获取。

EditorContext 通过 id 跟一个 editor 组件绑定,操作对应的 editor 组件。

方法:

EditorContext.blur(Object object)

基础库 2.8.3 开始支持,低版本需做兼容处理。

编辑器失焦,同时收起键盘。

参数

Object object

属性

类型

默认值

必填

说明

success

function

接口调用成功的回调函数

fail

function

接口调用失败的回调函数

complete

function

接口调用结束的回调函数(调用成功、失败都会执行)

EditorContext.clear(Object object)

基础库 2.7.0 开始支持,低版本需做兼容处理。

清空编辑器内容

参数

Object object

属性

类型

默认值

必填

说明

success

function

接口调用成功的回调函数

fail

function

接口调用失败的回调函数

complete

function

接口调用结束的回调函数(调用成功、失败都会执行)

EditorContext.format(string name, string value)

基础库 2.7.0 开始支持,低版本需做兼容处理。

修改样式

参数

string name

属性

string value

支持设置的样式列表

name

value

verson

bold

2.7.0

italic

2.7.0

underline

2.7.0

strike

2.7.0

ins

2.7.0

script

sub / super

2.7.0

header

H1 / H2 / h3 / H4 / h5 / H6

2.7.0

align

left / center / right / justify

2.7.0

direction

rtl

2.7.0

indent

-1 / +1

2.7.0

list

ordered / bullet / check

2.7.0

color

hex color

2.7.0

backgroundColor

hex color

2.7.0

margin/marginTop/marginBottom/marginLeft/marginRight

css style

2.7.0

padding/paddingTop/paddingBottom/paddingLeft/paddingRight

css style

2.7.0

font/fontSize/fontStyle/fontVariant/fontWeight/fontFamily

css style

2.7.0

lineHeight

css style

2.7.0

letterSpacing

css style

2.7.0

textDecoration

css style

2.7.0

textIndent

css style

2.8.0

wordWrap

css style

2.10.2

wordBreak

css style

2.10.2

whiteSpace

css style

2.10.2

对已经应用样式的选区设置会取消样式。css style 表示 css 中规定的允许值。

EditorContext.getContents(Object object)

基础库 2.7.0 开始支持,低版本需做兼容处理。

获取编辑器内容

参数

Object object

属性

类型

默认值

必填

说明

success

function

接口调用成功的回调函数

fail

function

接口调用失败的回调函数

complete

function

接口调用结束的回调函数(调用成功、失败都会执行)

object.success 回调函数

参数

Object res

属性

类型

说明

html

string

带标签的HTML内容

text

string

纯文本内容

delta

Object

表示内容的delta对象

EditorContext.getSelectionText(Object object)

基础库 2.10.2 开始支持,低版本需做兼容处理。

获取编辑器已选区域内的纯文本内容。当编辑器失焦或未选中一段区间时,返回内容为空。

参数

Object object

属性

类型

默认值

必填

说明

success

function

接口调用成功的回调函数

fail

function

接口调用失败的回调函数

complete

function

接口调用结束的回调函数(调用成功、失败都会执行)

object.success 回调函数

参数

Object res

属性

类型

说明

text

string

纯文本内容

EditorContext.insertDivider(Object object)

基础库 2.7.0 开始支持,低版本需做兼容处理。

插入分割线

参数

Object object

属性

类型

默认值

必填

说明

success

function

接口调用成功的回调函数

fail

function

接口调用失败的回调函数

complete

function

接口调用结束的回调函数(调用成功、失败都会执行)

EditorContext.insertImage(Object object)

基础库 2.7.0 开始支持,低版本需做兼容处理。

插入图片。

地址为临时文件时,获取的编辑器html格式内容中 标签增加属性 data-local,delta 格式内容中图片 attributes 属性增加 data-local 字段,该值为传入的临时文件地址。

开发者可选择在提交阶段上传图片到服务器,获取到网络地址后进行替换。替换时对于html内容应替换掉 的 src 值,对于 delta 内容应替换掉 insert { image: abc } 值。

参数

Object object

属性

类型

默认值

必填

说明

src

string

图片地址,仅支持 http(s)、base64、云图片(2.8.0)、临时文件(2.8.3)。

alt

string

图像无法显示时的替代文本

width

string

图片宽度(pixels/百分比)

height

string

图片高度 (pixels/百分比)

extClass

string

添加到图片 img 标签上的类名

data

Object

data 被序列化为 name=value;name1=value2 的格式挂在属性 data-custom 上

success

function

接口调用成功的回调函数

fail

function

接口调用失败的回调函数

complete

function

接口调用结束的回调函数(调用成功、失败都会执行)

示例代码this.editorCtx.insertImage({

src: 'xx',

width: '100px',

height: '50px',

extClass: className

})

EditorContext.insertText(Object object)

基础库 2.7.0 开始支持,低版本需做兼容处理。

覆盖当前选区,设置一段文本

参数

Object object

属性

类型

默认值

必填

说明

text

string

文本内容

success

function

接口调用成功的回调函数

fail

function

接口调用失败的回调函数

complete

function

接口调用结束的回调函数(调用成功、失败都会执行)

EditorContext.redo(Object object)

基础库 2.7.0 开始支持,低版本需做兼容处理。

恢复

参数

Object object

属性

类型

默认值

必填

说明

success

function

接口调用成功的回调函数

fail

function

接口调用失败的回调函数

complete

function

接口调用结束的回调函数(调用成功、失败都会执行)

EditorContext.removeFormat(Object object)

基础库 2.7.0 开始支持,低版本需做兼容处理。

清除当前选区的样式

参数

Object object

属性

类型

默认值

必填

说明

success

function

接口调用成功的回调函数

fail

function

接口调用失败的回调函数

complete

function

接口调用结束的回调函数(调用成功、失败都会执行)

EditorContext.scrollIntoView()

基础库 2.8.3 开始支持,低版本需做兼容处理。

使得编辑器光标处滚动到窗口可视区域内。

EditorContext.setContents(Object object)

基础库 2.7.0 开始支持,低版本需做兼容处理。

初始化编辑器内容,html和delta同时存在时仅delta生效

参数

Object object

属性

类型

默认值

必填

说明

html

string

带标签的HTML内容

delta

Object

表示内容的delta对象

success

function

接口调用成功的回调函数

fail

function

接口调用失败的回调函数

complete

function

接口调用结束的回调函数(调用成功、失败都会执行)

EditorContext.undo(Object object)

基础库 2.7.0 开始支持,低版本需做兼容处理。

撤销

参数

Object object

属性

类型

默认值

必填

说明

success

function

接口调用成功的回调函数

fail

function

接口调用失败的回调函数

complete

function

接口调用结束的回调函数(调用成功、失败都会执行)

小程序读取富文本mysql存储_微信小程序API 富文本·EditorContext实例相关推荐

  1. 微信小程序 腾讯云 mysql 初始_微信小程序初始化怎么处理?小程序服务器域名配置...

    小程序初始化配置指引 假如您已成功创建了小程序资源,需要对现有的资源进行一些简单配置后,才能让小程序跑起来 未创建过资源的用户可以先在小程序控制台进行创建 1.配置微信小程序通信域名 首先我们在小程序 ...

  2. 微信小程序python解析获取用户手机号_微信小程序获取用户手机号

    获取微信用户绑定的手机号,需先调用wx.login接口. 小程序获取code. 后台得到session_key,openid. 组件触发getPhoneNumber 因为需要用户主动触发才能发起获取手 ...

  3. 微信小程序上传图片到服务器总是失败_微信小程序怎么上传图片到服务器?

    微信小程序怎么上传图片到服务器?相信很多人都会把小程序图片保存到本地吧,但是把图片上传到服务器就不一定了,下面一起随小编看看微信小程序怎么上传图片到服务器吧. 微信小程序怎么上传图片到服务器? 首先, ...

  4. 微信小程序可以用python开发吗_微信小程序可以用python开发吗

    现有业务主要包括小程序开发及运营推广,APP开发,公众号开发以及H5开发,提供微信小程序开发.朋友圈广告.微信支付等服务,协助企业数字化转型,打造智能化.智慧化的商业体系 尤其是一些品牌的云服务器的价 ...

  5. 微信小程序后端mysql数据库_微信小程序后台springboot+mybatis+mysql“采坑”集锦

    "采坑"错误集锦 1.service层 错误描述:2019-04-14 22:09:52.027 ERROR 8416 --- [nio-8082-exec-5] o.a.c.c. ...

  6. 微信小程序菜品做法展示数据库设计_微信小程序结合后台数据管理实现商品数据的动态展示、维护...

    微信小程序给我们提供了一个很好的开发平台,可以用于展现各种数据和实现丰富的功能,本篇随笔介绍微信小程序结合后台数据管理实现商品数据的动态展示.维护,介绍如何实现商品数据在后台管理系统中的维护管理,并通 ...

  7. 微信小程序云开发用户身份登录_微信小程序+云开发实现欢迎登录注册

    前段时间和同学一起做了一个小程序,用来参加学校的比赛,完成后把项目内容分割一下,贴到博客上面,算是学习记录和总结吧. 因为是学生党,而且并没有很大的需要,所以选择了微信小程序为开发者提供的" ...

  8. 微信小程序云开发用户身份登录_微信小程序开发用户授权登录(下)

    如果开发者拥有多个移动应用.网站应用.和公众帐号(包括小程序),可通过 UnionID 来区分用户的唯一性,因为只要是同一个微信开放平台帐号下的移动应用.网站应用和公众帐号(包括小程序),用户的 Un ...

  9. 微信小程序 界面从右边滑出_微信小程序页面溢出左右滑动问题

    微信小程序 页面中view设置width:100%之后,页面右边会多出一块白区域,并且可以左右滑动,解决方法是给这个view加一个box-sizing:border-box; 欢迎使用Markdown ...

最新文章

  1. houdini + maya的pulldownit
  2. Gut:粪便病毒组移植减轻2型糖尿病和肥胖症模型小鼠的相关症状
  3. [转载]java中Date,SimpleDateFormat
  4. STM32F103V IWDG 独立看门狗操作
  5. python2与python3在absolute import的区别
  6. Linux上怎样实现文件夹重命名
  7. linux内核支持utf8,Linux对非UTF-8中文编码的支持
  8. Intel Realsense D435i各类标定教程
  9. 正则表达式学习笔记,电话号码、电子邮件、汉字、数字、字母的筛选
  10. 设置linux的console为串口【转】
  11. [Luogu] 模板题-最近公共祖先
  12. 【解决方案 二】---设置mysql5.7编码集为utf8mb4
  13. LINUX安装百度网盘
  14. git包名大小写不敏感的百分百管用但是不完美的解决方法
  15. B2B的用户画像怎么做?
  16. 漏洞挖掘分析技术总结
  17. 云从科技上市在即,或成为小一号的商汤科技?
  18. 致老友-有时候我词不达意 但我真的很开心生活有你
  19. 从安卓recovery 的 backup 备份数据中手动恢复 通讯录、短信,或者其他软件中的信息的方法
  20. 【美团滑块】猫眼下单、点评

热门文章

  1. 『转』Photoshop中改进ios设计流程的30个诀窍
  2. Oracle EBS:Package被锁,执行时卡住的解决办法
  3. SharePoint 2013中的视频体验增强(1)——把大象装进冰箱
  4. C#-DataSet和DataTable详解
  5. sql数据类型转换(cast() and convent())函数)
  6. 人生大道无形-----像水一样做人!!!
  7. will_paginate 用作查询分页的注意事项
  8. 使用搜索引擎的10个搜索技巧
  9. Swift - 给图片添加文字水印(图片上写文字,并可设置位置和样式)
  10. ssh_config sshd_config 详解ssh_config sshd_config 详解