微信小程序API 富文本

EditorContext

基礎庫 2.7.0 開始支持，低版本需做兼容處理。

EditorContext 實例，可通過 wx.createSelectorQuery 獲取。

EditorContext 通過 id 跟一個 editor 組件綁定，操作對應的 editor 組件。

方法：

EditorContext.blur(Object object)

基礎庫 2.8.3 開始支持，低版本需做兼容處理。

編輯器失焦，同時收起鍵盤。

參數(shù)

Object object

EditorContext.clear(Object object)

基礎庫 2.7.0 開始支持，低版本需做兼容處理。

清空編輯器內容

參數(shù)

Object object

EditorContext.format(string name, string value)

基礎庫 2.7.0 開始支持，低版本需做兼容處理。

修改樣式

參數(shù)

string name

屬性

string value

值

支持設置的樣式列表

對已經(jīng)應用樣式的選區(qū)設置會取消樣式。css style 表示 css 中規(guī)定的允許值。

EditorContext.getContents(Object object)

基礎庫 2.7.0 開始支持，低版本需做兼容處理。

獲取編輯器內容

參數(shù)

Object object

object.success 回調函數(shù)

參數(shù)

Object res

EditorContext.getSelectionText(Object object)

基礎庫 2.10.2 開始支持，低版本需做兼容處理。

獲取編輯器已選區(qū)域內的純文本內容。當編輯器失焦或未選中一段區(qū)間時，返回內容為空。

參數(shù)

Object object

object.success 回調函數(shù)

參數(shù)

Object res

EditorContext.insertDivider(Object object)

基礎庫 2.7.0 開始支持，低版本需做兼容處理。

插入分割線

參數(shù)

Object object

EditorContext.insertImage(Object object)

基礎庫 2.7.0 開始支持，低版本需做兼容處理。

插入圖片。

地址為臨時文件時，獲取的編輯器html格式內容中 <img> 標簽增加屬性 data-local，delta 格式內容中圖片 attributes 屬性增加 data-local 字段，該值為傳入的臨時文件地址。

開發(fā)者可選擇在提交階段上傳圖片到服務器，獲取到網(wǎng)絡地址后進行替換。替換時對于html內容應替換掉 <img> 的 src 值，對于 delta 內容應替換掉 insert { image: abc } 值。

參數(shù)

Object object

示例代碼

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

EditorContext.insertText(Object object)

基礎庫 2.7.0 開始支持，低版本需做兼容處理。

覆蓋當前選區(qū)，設置一段文本

參數(shù)

Object object

EditorContext.redo(Object object)

基礎庫 2.7.0 開始支持，低版本需做兼容處理。

恢復

參數(shù)

Object object

EditorContext.removeFormat(Object object)

基礎庫 2.7.0 開始支持，低版本需做兼容處理。

清除當前選區(qū)的樣式

參數(shù)

Object object

EditorContext.scrollIntoView()

基礎庫 2.8.3 開始支持，低版本需做兼容處理。

使得編輯器光標處滾動到窗口可視區(qū)域內。

EditorContext.setContents(Object object)

基礎庫 2.7.0 開始支持，低版本需做兼容處理。

初始化編輯器內容，html和delta同時存在時僅delta生效

參數(shù)

Object object

EditorContext.undo(Object object)

基礎庫 2.7.0 開始支持，低版本需做兼容處理。

撤銷

參數(shù)

Object object