ionic中使用contenteditable="plaintext-only"光标位置不正常

Question

<div style="-webkit-user-select: auto;" contenteditable="plaintext-only"></div>

仅测试这段代码很正常，光标可以正常出现在点击的位置。

在ionic项目中使用，点击后光标只会出现在第一行。

使用contenteditable="true"可以正常使用。由于需要把文本框内的换行保存下来在其他地方展示，contenteditable="true"好像不能保存换行。请问有什么解决办法吗？可以让光标正常显示同时可以保留换行

Answer 1

光标的问题最后并没有解决，不过文字换行的方法我想出来了。

<button onclick="tijiao()">提交</button>
<div id="a" style="border:#272727 1px solid;width: 200px;height: 150px"  contenteditable="true"></div>
<div id="a2"  style="border:#272727 1px solid;width: 200px;height: 150px"  contenteditable="true"></div>
<script>
    function tijiao(){
    var a = document.getElementById("a").innerHTML;
     var b = a.replace(/<br>/g, "\n");
     b.replace(/&nbsp;/g, "\r");
     document.getElementById("a2").innerText = b;
    }
</script>

如果哪位高手知道改变光标位置的办法也请告知。谢谢