Vince Vince - 1 year ago 48
HTML Question

TinyMCE how to dynamically get line breaks in a textarea

I need advice on how I can create dynamic line breaks ideally with an

inside TINY. I have tried using an each loop and also a for loop, and the values just do not appear in the text area. BUT, if I just add them to the text area with a val() they go in fine, BUT as just one long string.

The text area has an id of wo_materials. I'm successfully getting my text into Tiny like this:



And I get a nice row of text values:

Values in TinyMCE

The materials value is an array. If I look at it in the console it looks like this:

0: BP #15 Plain Felt 36"
1: Duraflo Weatherpro 50
2: 1 1/4 Coil Nails - box

Thanks !

Answer Source

This works. The secret is adding the incrementing var "text" to the for loop and then wrapping the object / array in an <li>

var materials= JSON.parse(localStorage.getItem('materials'));
var text=" "; 
function workorders(){
            for (i = 0; i < materials.length; i++) {
               text += "<li>"+materials[i]+"</li>";