有没有更好的方法将我的段落分解为文本框或修复我正在做的当前解决方案?

is there a better way to break up my paragraph into text boxes or a fix to the current solution I'm doing?

my current issue https://jsfiddle.net/9exp7qwd/2/ 我的目标是用可食用的文本框将一个段落分解成不同的句子,每个句子都以句号结尾,这样就可以分解了。我将段落与零问题分开,但我似乎无法将文本正确输入文本框。

    <div type="text" id="testingL"></div>


    $(document).ready(function() {
        var data = "Fixed missing or non-localized text in some dialogs.Fixed occasional crash when navigating to collections in the library. Fixed display of pending gifts in notification menu. "
        
        
            $("#testingL").each(function() {
              $("#testingL").append("<textarea>" + (data) + "</textarea>")
              $(this).html($(this).text().split(".").join(". </textarea> <textarea>"));
            }
            )});

你是这个意思吗?

$(document).ready(function() {
        var data = "Fixed missing or non-localized text in some dialogs. Fixed occasional crash when navigating to collections in the library. Fixed display of pending gifts in notification menu. "
    
        let html="";
        data.split(/\. /g).forEach(a=>html+= a==""?"":("<textarea rows=2 style='width:50%;'>"+a+"</textarea></br>"));
    
        $("#testingL").html(html);
    });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div type="text" id="testingL"></div>