Question

I have a <textarea> which I’m appending to dynamically using JS.

I’d like to format it so the header row being appended is bold:

some previous content...

NEW HEADER ROW TO BE MADE BOLD

New additional content...

...

So the header row would essentially be wrapped in a <strong> tag.

Answer 1

Without punctuation and using jQuery, this works for me:

$('#textbox').change(function(){
    $('#example').html($('#textbox').text().replace(/([A-Z\s]+)\n/g, "<strong>$1</strong>"))
})

In this snippet, ‘textbox’ is the id of the textarea and ‘example’ is the preview div.