建站
咨詢(xún)
售后
建站咨詢(xún)
新聞中心
EditorContext
創(chuàng)新互聯(lián)專(zhuān)業(yè)提供成都主機(jī)托管四川主機(jī)托管成都服務(wù)器托管四川服務(wù)器托管，支持按月付款！我們的承諾：貴族品質(zhì)、平民價(jià)格，機(jī)房位于中國(guó)電信/網(wǎng)通/移動(dòng)機(jī)房，簡(jiǎn)陽(yáng)服務(wù)器托管服務(wù)有保障！
基礎(chǔ)庫(kù) 2.7.0 開(kāi)始支持，低版本需做 兼容處理。
EditorContext 實(shí)例，可通過(guò) wx.createSelectorQuery 獲取。
EditorContext 通過(guò) id 跟一個(gè) editor 組件綁定，操作對(duì)應(yīng)的 editor 組件。
方法：
EditorContext.blur(Object object)
基礎(chǔ)庫(kù) 2.8.3 開(kāi)始支持，低版本需做 兼容處理。
編輯器失焦，同時(shí)收起鍵盤(pán)。
參數(shù)
Object object
| 屬性 | 類(lèi)型 | 默認(rèn)值 | 必填 | 說(shuō)明 |
|---|---|---|---|---|
| success | function | 否 | 接口調(diào)用成功的回調(diào)函數(shù) | |
| fail | function | 否 | 接口調(diào)用失敗的回調(diào)函數(shù) | |
| complete | function | 否 | 接口調(diào)用結(jié)束的回調(diào)函數(shù)（調(diào)用成功、失敗都會(huì)執(zhí)行） |
EditorContext.clear(Object object)
基礎(chǔ)庫(kù) 2.7.0 開(kāi)始支持，低版本需做 兼容處理。
清空編輯器內(nèi)容
參數(shù)
Object object
| 屬性 | 類(lèi)型 | 默認(rèn)值 | 必填 | 說(shuō)明 |
|---|---|---|---|---|
| success | function | 否 | 接口調(diào)用成功的回調(diào)函數(shù) | |
| fail | function | 否 | 接口調(diào)用失敗的回調(diào)函數(shù) | |
| complete | function | 否 | 接口調(diào)用結(jié)束的回調(diào)函數(shù)（調(diào)用成功、失敗都會(huì)執(zhí)行） |
EditorContext.format(string name, string value)
基礎(chǔ)庫(kù) 2.7.0 開(kāi)始支持，低版本需做 兼容處理。
修改樣式
參數(shù)
string name
屬性
string value
值
支持設(shè)置的樣式列表
| name | value | verson |
|---|---|---|
| bold | 2.7.0 | |
| italic | 2.7.0 | |
| underline | 2.7.0 | |
| strike | 2.7.0 | |
| ins | 2.7.0 | |
| script | sub / super | 2.7.0 |
| header | H1 / H2 / h3 / H4 / h5 / H6 | 2.7.0 |
| align | left / center / right / justify | 2.7.0 |
| direction | rtl | 2.7.0 |
| indent | -1 / +1 | 2.7.0 |
| list | ordered / bullet / check | 2.7.0 |
| color | hex color | 2.7.0 |
| backgroundColor | hex color | 2.7.0 |
| margin/marginTop/marginBottom/marginLeft/marginRight | css style | 2.7.0 |
| padding/paddingTop/paddingBottom/paddingLeft/paddingRight | css style | 2.7.0 |
| font/fontSize/fontStyle/fontVariant/fontWeight/fontFamily | css style | 2.7.0 |
| lineHeight | css style | 2.7.0 |
| letterSpacing | css style | 2.7.0 |
| textDecoration | css style | 2.7.0 |
| textIndent | css style | 2.8.0 |
| wordWrap | css style | 2.10.2 |
| wordBreak | css style | 2.10.2 |
| whiteSpace | css style | 2.10.2 |
對(duì)已經(jīng)應(yīng)用樣式的選區(qū)設(shè)置會(huì)取消樣式。css style 表示 css 中規(guī)定的允許值。
EditorContext.getContents(Object object)
基礎(chǔ)庫(kù) 2.7.0 開(kāi)始支持，低版本需做 兼容處理。
獲取編輯器內(nèi)容
參數(shù)
Object object
| 屬性 | 類(lèi)型 | 默認(rèn)值 | 必填 | 說(shuō)明 |
|---|---|---|---|---|
| success | function | 否 | 接口調(diào)用成功的回調(diào)函數(shù) | |
| fail | function | 否 | 接口調(diào)用失敗的回調(diào)函數(shù) | |
| complete | function | 否 | 接口調(diào)用結(jié)束的回調(diào)函數(shù)（調(diào)用成功、失敗都會(huì)執(zhí)行） |
object.success 回調(diào)函數(shù)
參數(shù)
Object res
| 屬性 | 類(lèi)型 | 說(shuō)明 |
|---|---|---|
| html | string | 帶標(biāo)簽的HTML內(nèi)容 |
| text | string | 純文本內(nèi)容 |
| delta | Object | 表示內(nèi)容的delta對(duì)象 |
EditorContext.getSelectionText(Object object)
基礎(chǔ)庫(kù) 2.10.2 開(kāi)始支持，低版本需做 兼容處理。
獲取編輯器已選區(qū)域內(nèi)的純文本內(nèi)容。當(dāng)編輯器失焦或未選中一段區(qū)間時(shí)，返回內(nèi)容為空。
參數(shù)
Object object
| 屬性 | 類(lèi)型 | 默認(rèn)值 | 必填 | 說(shuō)明 |
|---|---|---|---|---|
| success | function | 否 | 接口調(diào)用成功的回調(diào)函數(shù) | |
| fail | function | 否 | 接口調(diào)用失敗的回調(diào)函數(shù) | |
| complete | function | 否 | 接口調(diào)用結(jié)束的回調(diào)函數(shù)（調(diào)用成功、失敗都會(huì)執(zhí)行） |
object.success 回調(diào)函數(shù)
參數(shù)
Object res
| 屬性 | 類(lèi)型 | 說(shuō)明 |
|---|---|---|
| text | string | 純文本內(nèi)容 |
EditorContext.insertDivider(Object object)
基礎(chǔ)庫(kù) 2.7.0 開(kāi)始支持，低版本需做 兼容處理。
插入分割線(xiàn)
參數(shù)
Object object
| 屬性 | 類(lèi)型 | 默認(rèn)值 | 必填 | 說(shuō)明 |
|---|---|---|---|---|
| success | function | 否 | 接口調(diào)用成功的回調(diào)函數(shù) | |
| fail | function | 否 | 接口調(diào)用失敗的回調(diào)函數(shù) | |
| complete | function | 否 | 接口調(diào)用結(jié)束的回調(diào)函數(shù)（調(diào)用成功、失敗都會(huì)執(zhí)行） |
EditorContext.insertImage(Object object)
基礎(chǔ)庫(kù) 2.7.0 開(kāi)始支持，低版本需做 兼容處理。
插入圖片。
地址為臨時(shí)文件時(shí)，獲取的編輯器html格式內(nèi)容中 標(biāo)簽增加屬性 data-local，delta 格式內(nèi)容中圖片 attributes 屬性增加 data-local 字段，該值為傳入的臨時(shí)文件地址。
開(kāi)發(fā)者可選擇在提交階段上傳圖片到服務(wù)器，獲取到網(wǎng)絡(luò)地址后進(jìn)行替換。替換時(shí)對(duì)于html內(nèi)容應(yīng)替換掉 的 src 值，對(duì)于 delta 內(nèi)容應(yīng)替換掉 insert { image: abc } 值。
參數(shù)
Object object
| 屬性 | 類(lèi)型 | 默認(rèn)值 | 必填 | 說(shuō)明 |
|---|---|---|---|---|
| src | string | 是 | 圖片地址，僅支持 http(s)、base64、云圖片(2.8.0)、臨時(shí)文件(2.8.3)。 | |
| alt | string | 否 | 圖像無(wú)法顯示時(shí)的替代文本 | |
| width | string | 否 | 圖片寬度（pixels/百分比) | |
| height | string | 否 | 圖片高度 (pixels/百分比) | |
| extClass | string | 否 | 添加到圖片 img 標(biāo)簽上的類(lèi)名 | |
| data | Object | 否 | data 被序列化為 name=value;name1=value2 的格式掛在屬性 data-custom 上 | |
| success | function | 否 | 接口調(diào)用成功的回調(diào)函數(shù) | |
| fail | function | 否 | 接口調(diào)用失敗的回調(diào)函數(shù) | |
| complete | function | 否 | 接口調(diào)用結(jié)束的回調(diào)函數(shù)（調(diào)用成功、失敗都會(huì)執(zhí)行） |
示例代碼
this.editorCtx.insertImage({
src: 'xx',
width: '100px',
height: '50px',
extClass: className
})EditorContext.insertText(Object object)
基礎(chǔ)庫(kù) 2.7.0 開(kāi)始支持，低版本需做 兼容處理。
覆蓋當(dāng)前選區(qū)，設(shè)置一段文本
參數(shù)
Object object
| 屬性 | 類(lèi)型 | 默認(rèn)值 | 必填 | 說(shuō)明 |
|---|---|---|---|---|
| text | string | 否 | 文本內(nèi)容 | |
| success | function | 否 | 接口調(diào)用成功的回調(diào)函數(shù) | |
| fail | function | 否 | 接口調(diào)用失敗的回調(diào)函數(shù) | |
| complete | function | 否 | 接口調(diào)用結(jié)束的回調(diào)函數(shù)（調(diào)用成功、失敗都會(huì)執(zhí)行） |
EditorContext.redo(Object object)
基礎(chǔ)庫(kù) 2.7.0 開(kāi)始支持，低版本需做 兼容處理。
恢復(fù)
參數(shù)
Object object
| 屬性 | 類(lèi)型 | 默認(rèn)值 | 必填 | 說(shuō)明 |
|---|---|---|---|---|
| success | function | 否 | 接口調(diào)用成功的回調(diào)函數(shù) | |
| fail | function | 否 | 接口調(diào)用失敗的回調(diào)函數(shù) | |
| complete | function | 否 | 接口調(diào)用結(jié)束的回調(diào)函數(shù)（調(diào)用成功、失敗都會(huì)執(zhí)行） |
EditorContext.removeFormat(Object object)
基礎(chǔ)庫(kù) 2.7.0 開(kāi)始支持，低版本需做 兼容處理。
清除當(dāng)前選區(qū)的樣式
參數(shù)
Object object
| 屬性 | 類(lèi)型 | 默認(rèn)值 | 必填 | 說(shuō)明 |
|---|---|---|---|---|
| success | function | 否 | 接口調(diào)用成功的回調(diào)函數(shù) | |
| fail | function | 否 | 接口調(diào)用失敗的回調(diào)函數(shù) | |
| complete | function | 否 | 接口調(diào)用結(jié)束的回調(diào)函數(shù)（調(diào)用成功、失敗都會(huì)執(zhí)行） |
EditorContext.scrollIntoView()
基礎(chǔ)庫(kù) 2.8.3 開(kāi)始支持，低版本需做 兼容處理。
使得編輯器光標(biāo)處滾動(dòng)到窗口可視區(qū)域內(nèi)。
EditorContext.setContents(Object object)
基礎(chǔ)庫(kù) 2.7.0 開(kāi)始支持，低版本需做 兼容處理。
初始化編輯器內(nèi)容，html和delta同時(shí)存在時(shí)僅delta生效
參數(shù)
Object object
| 屬性 | 類(lèi)型 | 默認(rèn)值 | 必填 | 說(shuō)明 |
|---|---|---|---|---|
| html | string | 否 | 帶標(biāo)簽的HTML內(nèi)容 | |
| delta | Object | 否 | 表示內(nèi)容的delta對(duì)象 | |
| success | function | 否 | 接口調(diào)用成功的回調(diào)函數(shù) | |
| fail | function | 否 | 接口調(diào)用失敗的回調(diào)函數(shù) | |
| complete | function | 否 | 接口調(diào)用結(jié)束的回調(diào)函數(shù)（調(diào)用成功、失敗都會(huì)執(zhí)行） |
EditorContext.undo(Object object)
基礎(chǔ)庫(kù) 2.7.0 開(kāi)始支持，低版本需做 兼容處理。
撤銷(xiāo)
參數(shù)
Object object
| 屬性 | 類(lèi)型 | 默認(rèn)值 | 必填 | 說(shuō)明 |
|---|---|---|---|---|
| success | function | 否 | 接口調(diào)用成功的回調(diào)函數(shù) | |
| fail | function | 否 | 接口調(diào)用失敗的回調(diào)函數(shù) | |
| complete | function | 否 | 接口調(diào)用結(jié)束的回調(diào)函數(shù)（調(diào)用成功、失敗都會(huì)執(zhí)行） |
當(dāng)前題目：創(chuàng)新互聯(lián)小程序教程：微信小程序API富文本·EditorContext實(shí)例
標(biāo)題來(lái)源：http://m.5511xx.com/article/coejesc.html
