EditorContext

title: EditorContext

sidebar_label: EditorContext

EditorContext 实例，可通过 Taro.createSelectorQuery 获取。 EditorContext 通过 id 跟一个 editor 组件绑定，操作对应的 editor 组件。

支持情况：

参考文档

方法

blur

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

支持情况：

参考文档

(option?: BlurOption) => void

clear

清空编辑器内容

支持情况：

参考文档

(option?: ClearOption) => void

format

修改样式

支持设置的样式列表

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

支持情况：

参考文档

(name: string, value?: string) => void

getContents

获取编辑器内容

支持情况：

参考文档

(option?: GetContentsOption) => void

getSelectionText

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

支持情况：

参考文档

(option?: Option) => void

insertDivider

插入分割线

支持情况：

参考文档

(option?: InsertDividerOption) => void

insertImage

插入图片。

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

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

支持情况：

参考文档

(option: InsertImageOption) => void

示例代码

this.editorCtx.insertImage({
  src: 'xx',
  width: '100px',
  height: '50px',
  extClass: className
})

insertText

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

支持情况：

参考文档

(option: InsertTextOption) => void

redo

恢复

支持情况：

参考文档

(option?: RedoOption) => void

removeFormat

清除当前选区的样式

支持情况：

参考文档

(option?: RemoveFormatOption) => void

scrollIntoView

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

支持情况：

参考文档

() => void

setContents

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

支持情况：

参考文档

(option: SetContentsOption) => void

undo

撤销

支持情况：

参考文档

(option?: UndoOption) => void

参数

BlurOption

ClearOption

GetContentsOption

getSelectionText

Option

SuccessCallbackResult

InsertDividerOption

InsertImageOption

InsertTextOption

RedoOption

RemoveFormatOption

SetContentsOption

UndoOption

API 支持度