微信小程序表單組件 editor

editor

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

富文本編輯器，可以對圖片、文字進行編輯。

編輯器導(dǎo)出內(nèi)容支持帶標(biāo)簽的 html和純文本的 text，編輯器內(nèi)部采用 delta 格式進行存儲。

通過setContents接口設(shè)置內(nèi)容時，解析插入的 html 可能會由于一些非法標(biāo)簽導(dǎo)致解析錯誤，建議開發(fā)者在小程序內(nèi)使用時通過 delta 進行插入。

富文本組件內(nèi)部引入了一些基本的樣式使得內(nèi)容可以正確的展示，開發(fā)時可以進行覆蓋。需要注意的是，在其它組件或環(huán)境中使用富文本組件導(dǎo)出的html時，需要額外引入 這段樣式，并維護<ql-container><ql-editor></ql-editor></ql-container>的結(jié)構(gòu)。

圖片控件僅初始化時設(shè)置有效。

相關(guān) api：EditorContext

編輯器內(nèi)支持部分 HTML 標(biāo)簽和內(nèi)聯(lián)樣式，不支持class和id

支持的標(biāo)簽

不滿足的標(biāo)簽會被忽略，<div>會被轉(zhuǎn)行為<p>儲存。

支持的內(nèi)聯(lián)樣式

內(nèi)聯(lián)樣式僅能設(shè)置在行內(nèi)元素或塊級元素上，不能同時設(shè)置。例如 font-size 歸類為行內(nèi)元素屬性，在 p 標(biāo)簽上設(shè)置是無效的。

提示：

1. 使用 catchtouchend 綁定事件則不會使編輯器失去焦點(2.8.3)
2. 插入的 html 中事件綁定會被移除
3. formats 中的 color 屬性會統(tǒng)一以 hex 格式返回
4. 粘貼時僅純文本內(nèi)容會被拷貝進編輯器
5. 插入 html 到編輯器內(nèi)時，編輯器會刪除一些不必要的標(biāo)簽，以保證內(nèi)容的統(tǒng)一。例如<p><span>xxx</span></p>會改寫為<p>xxx</p>
6. 編輯器聚焦時頁面會被上推，系統(tǒng)行為以保證編輯區(qū)可見