美文网首页
react-native ios富文本编辑器遇到的问题

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

作者: 简翦儋箪 | 来源:发表于2017-11-17 17:29 被阅读0次

    最近我入手了三个关于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及以上的高版本是支持``的,没有任何问题,所以如果需要各个版本都兼容,还是用++号吧。
    

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/ximwdxtx.html