随笔 - 2649  文章 - 2452  评论 - 0  阅读 - 85762

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格式内容中 img 标签增加属性 data-local,delta 格式内容中图片 attributes 属性增加 data-local 字段,该值为传入的临时文件地址。

开发者可选择在提交阶段上传图片到服务器,获取到网络地址后进行替换。替换时对于html内容应替换掉 img 的 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()

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

posted on   AtlasLapetos  阅读(10)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示