react-native ios富文本编辑器遇到的问题

字数 25阅读 1516

最近我入手了三个关于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上,如果输入中文,并且给文字加粗,当取消加粗,继续输入中文的时候,会继续默认加粗,其他比如斜体等也是一样的
  解决方法:
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 在某些版本或者某些手机型号上,发现有些方法用不了,我们项目遇到的问题是,在iOS9.0及以下的版本和安卓的vivo手机上webview的onMessage的方法没有触发,刚开始以为是webview的问题,但是我自己写了一个小测试,发现也没有问题,又新建了一个版本重新装了一下他的插件,发现依旧没有问题,那结果就是我们写的代码有问题,后来发现:
  iOS和android在低版本不支持`` ,比如 `${item.id}`,这种写法在富文本编辑器里面是不支持的,只能用+号, "+item.id+",这样写就没有问题了,在iOS9.0及以上的高版本是支持``的,没有任何问题,所以如果需要各个版本都兼容,还是用++号吧。