JSFiddle - React, Tailwind, and code Playground

by pitt phunsanit

HTML

<ol>
<li>add text sprate line with @</li>
<li>mouse out</li>
</ol>
<textarea cols="50" id="detail" rows="10"></textarea>

JavaScript

$(document).ready(function () {
            let textarea = $('#detail');

            function format() {
                let temp = textarea.val().split('\n').join('').split('@').join('\n@').replace(/^\s/, '');
                textarea.val(temp);
            }

            format();
            textarea.on('change', function () {
                format();
            });
        });