EditorContext
EditorContext
基础库 2.7.0 开始支持,低版本需做兼容处理。
相关文档: editor 组件
EditorContext 实例,可通过 wx.createSelectorQuery 获取。
EditorContext 通过 id
跟一个 editor 组件绑定,操作对应的 editor 组件。
方法
EditorContext.format(string name, string value)
修改样式
EditorContext.insertDivider()
插入分割线
EditorContext.insertImage(Object object)
插入图片。
地址为临时文件时,获取的编辑器html格式内容中 标签增加属性 data-local,delta 格式内容中图片 attributes 属性增加 data-local 字段,该值为传入的临时文件地址。
开发者可选择在提交阶段上传图片到服务器,获取到网络地址后进行替换。替换时对于html内容应替换掉 的 src 值,对于 delta 内容应替换掉
insert { image: abc }
值。
EditorContext.insertText(Object object)
覆盖当前选区,设置一段文本
EditorContext.setContents(Object object)
初始化编辑器内容,html和delta同时存在时仅delta生效
EditorContext.getContents()
获取编辑器内容
EditorContext.clear()
清空编辑器内容
EditorContext.removeFormat()
清除当前选区的样式
EditorContext.undo()
撤销
EditorContext.redo()
恢复
EditorContext.blur()
编辑器失焦,同时收起键盘。
EditorContext.scrollIntoView()
使得编辑器光标处滚动到窗口可视区域内。
EditorContext.getSelectionText()
获取编辑器已选区域内的纯文本内容。当编辑器失焦或未选中一段区间时,返回内容为空。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义