tencent cloud

文档反馈

富文本

最后更新时间:2024-07-12 19:22:43

    EditorContext

    功能说明:EditorContext 实例,可通过 wx.createSelectorQuery 获取。EditorContext 通过 id 跟一个 editor 组件绑定,操作对应的 editor 组件。

    .blur

    该 方法 使用方式为 EditorContext.blur(Object object)
    功能说明:编辑器失焦,同时收起键盘。
    参数及说明:Object object
    属性
    类型
    默认值
    必填
    说明
    success
    function
    -
    接口调用成功的回调函数
    fail
    function
    -
    接口调用失败的回调函数
    complete
    function
    -
    接口调用结束的回调函数(调用成功、失败都会执行)

    .clear

    该 方法 使用方式为 EditorContext.clear(Object object)
    功能说明:清空编辑器内容。
    参数及说明:Object object。
    属性
    类型
    默认值
    必填
    说明
    success
    function
    -
    接口调用成功的回调函数
    fail
    function
    -
    接口调用失败的回调函数
    complete
    function
    -
    接口调用结束的回调函数(调用成功、失败都会执行)

    .format

    该 方法 使用方式为 EditorContext.format(string name, string value)
    功能说明:修改样式。
    参数及说明:
    string name,属性;
    string value,值。
    支持设置的样式列表:
    name
    value
    bold
    -
    italic
    -
    underline
    -
    strike
    -
    ins
    -
    script
    sub / super
    header
    H1 / H2 / h3 / H4 / h5 / H6
    align
    left / center / right / justify
    direction
    rtl
    indent
    -1 / +1
    list
    ordered / bullet / check
    color
    hex color
    backgroundColor
    hex color
    margin/marginTop/marginBottom/marginLeft/marginRight
    css style
    padding/paddingTop/paddingBottom/paddingLeft/paddingRight
    css style
    font/fontSize/fontStyle/fontVariant/fontWeight/fontFamily
    css style
    lineHeight
    css style
    letterSpacing
    css style
    textDecoration
    css style
    textIndent
    css style
    wordWrap
    css style
    wordBreak
    css style
    whiteSpace
    css style
    对已经应用样式的选区设置会取消样式。css style 表示 css 中规定的允许值。

    .getContents

    该 方法 使用方式为 EditorContext.getContents(Object object)
    功能说明:获取编辑器内容。
    参数及说明:Object object。
    属性
    类型
    必填
    说明
    success
    function
    接口调用成功的回调函数
    fail
    function
    接口调用失败的回调函数
    complete
    function
    接口调用结束的回调函数(调用成功、失败都会执行)
    object.success 回调函数
    参数 Object.res
    属性
    类型
    说明
    html
    string
    带标签的HTML内容
    text
    string
    纯文本内容
    delta
    Object
    表示内容的delta对象

    .getSelectionText

    该 方法 使用方式为 EditorContext.getSelectionText(Object object)
    功能说明:获取编辑器已选区域内的纯文本内容。当编辑器失焦或未选中一段区间时,返回内容为空。
    参数及说明:Object object。
    属性
    类型
    默认值
    必填
    说明
    success
    function
    
    接口调用成功的回调函数
    fail
    function
    
    接口调用失败的回调函数
    complete
    function
    
    接口调用结束的回调函数(调用成功、失败都会执行)
    object.success 回调函数
    参数 Object.res
    属性
    类型
    说明
    text
    string
    纯文本内容

    .insertDivider

    该 方法 使用方式为 EditorContext.insertDivider(Object object)
    功能说明:插入分割线。
    参数及说明:Object object。
    属性
    类型
    默认值
    必填
    说明
    success
    function
    -
    接口调用成功的回调函数
    fail
    function
    -
    接口调用失败的回调函数
    complete
    function
    -
    接口调用结束的回调函数(调用成功、失败都会执行)

    .insertlmage

    该 方法 使用方式为 EditorContext.insertlmage(Object object)
    功能说明:插入图片。
    地址为临时文件时,获取的编辑器 html 格式内容中标签增加属性 data-local,deta 格式内容中图片 attributes 属性增加 data-local 字段,该值为传入的临时文件地址。
    开发者可选择在提交阶段上传图片到服务器,获取到网络地址后进行替换。替换时对于 html 内容应替换掉 的 src 值,对于 delta 内容应替换掉 insert { image: abc } 值。
    参数及说明:Object object。
    属性
    类型
    默认值
    必填
    说明
    src
    string
    
    图片地址,仅支持 http(s)、base64、临时文件。
    nowrap
    boolean
    false
    插入图片后是否自动换行,默认换行
    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
    })

    .insertText

    该 方法 使用方式为 EditorContext.insertText(Object object)
    功能说明:覆盖当前选区,设置一段文本。
    参数及说明:Object object。
    属性
    类型
    默认值
    必填
    说明
    text
    string
    -
    文本内容
    success
    function
    -
    接口调用成功的回调函数
    fail
    function
    -
    接口调用失败的回调函数
    complete
    function
    -
    接口调用结束的回调函数(调用成功、失败都会执行)

    .redo

    该 方法 使用方式为 EditorContext.redo(Object object)
    功能说明:恢复。
    参数及说明:Object object。
    属性
    类型
    默认值
    必填
    说明
    success
    function
    -
    接口调用成功的回调函数
    fail
    function
    -
    接口调用失败的回调函数
    complete
    function
    -
    接口调用结束的回调函数(调用成功、失败都会执行)

    .removeFormat

    该 方法 使用方式为 EditorContext.removeFormat(Object object)
    功能说明:清除当前选区的样式。
    参数及说明:Object object。
    属性
    类型
    默认值
    必填
    说明
    success
    function
    -
    接口调用成功的回调函数
    fail
    function
    -
    接口调用失败的回调函数
    complete
    function
    -
    接口调用结束的回调函数(调用成功、失败都会执行)

    .scrolllntoView

    该 方法 使用方式为 EditorContext.scrollIntoView()
    功能说明:使得编辑器光标处滚动到窗口可视区域内。

    .setContents

    该 方法 使用方式为 EditorContext.setContents(Object object)
    功能说明:初始化编辑器内容,html 和 delta 同时存在时仅 delta 生效。
    参数及说明:Object object。
    属性
    类型
    默认值
    必填
    说明
    html
    string
    
    带标签的HTML内容
    delta
    Object
    
    表示内容的delta对象
    success
    function
    
    接口调用成功的回调函数
    fail
    function
    
    接口调用失败的回调函数
    complete
    function
    
    接口调用结束的回调函数(调用成功、失败都会执行)

    .undo

    该 方法 使用方式为 EditorContext.undo(Object object)
    功能说明:撤销。
    参数及说明:Object object。
    属性
    类型
    默认值
    必填
    说明
    success
    function
    -
    接口调用成功的回调函数
    fail
    function
    -
    接口调用失败的回调函数
    complete
    function
    -
    接口调用结束的回调函数(调用成功、失败都会执行)
    联系我们

    联系我们,为您的业务提供专属服务。

    技术支持

    如果你想寻求进一步的帮助,通过工单与我们进行联络。我们提供7x24的工单服务。

    7x24 电话支持