最近我入手了三個(gè)關(guān)于react-native富文本編輯器的插件:
1.react-native-zss-rich-text-editor
2.react-native-webview-richeditor
3.https://github.com/kunall17/react-native-markdown-editor
問題:
1.在iOS上,如果輸入中文梁棠,并且給文字加粗,當(dāng)取消加粗,繼續(xù)輸入中文的時(shí)候董济,會(huì)繼續(xù)默認(rèn)加粗踱阿,其他比如斜體等也是一樣的
解決方法:
function setBold(){
if (document.queryCommandState('bold')) {
document.execCommand('bold', false, null);
document.execCommand('insertHTML', false, '‌');
} else {
document.execCommand('bold', false, null);
}
}
來自:https://segmentfault.com/a/1190000011553228
2.ios 和Android 在某些版本或者某些手機(jī)型號(hào)上泽疆,發(fā)現(xiàn)有些方法用不了户矢,我們項(xiàng)目遇到的問題是,在iOS9.0及以下的版本和安卓的vivo手機(jī)上webview的onMessage的方法沒有觸發(fā)殉疼,剛開始以為是webview的問題梯浪,但是我自己寫了一個(gè)小測試,發(fā)現(xiàn)也沒有問題瓢娜,又新建了一個(gè)版本重新裝了一下他的插件挂洛,發(fā)現(xiàn)依舊沒有問題,那結(jié)果就是我們寫的代碼有問題眠砾,后來發(fā)現(xiàn):
iOS和android在低版本不支持`` ,比如 `${item.id}`抹锄,這種寫法在富文本編輯器里面是不支持的,只能用+號(hào)荠藤, "+item.id+"伙单,這樣寫就沒有問題了,在iOS9.0及以上的高版本是支持``的哈肖,沒有任何問題吻育,所以如果需要各個(gè)版本都兼容,還是用++號(hào)吧淤井。