2016-10-07 4 views
0

Мне нужен совет, как я могу создать динамические разрывы строк в идеале с помощью <li> внутри TINY. Я попытался использовать каждый цикл, а также цикл for, и значения просто не отображаются в текстовой области. НО, если я просто добавлю их в текстовую область с val(), они идут в порядке, НО как одна длинная строка.TinyMCE как динамически получать разрывы строк в текстовом поле

В текстовой области есть идентификатор wo_materials. Я успешно получаю мой текст в малолеток так:

 $('#wo_materials').val(materials); 

     tinymce.init({ 
      selector:'textarea' 
     }); 

И я получаю хороший ряд текстовых значений:

Values in TinyMCE

Значения материалов является массивом. Если я посмотрю на консоль, это выглядит так:

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

Спасибо!

ответ

0

Это работает. Секрет добавление увеличивающегося переменный «текст», чтобы для цикла, а затем оборачивать объект/массив в <li>

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

     workorders(); 
0

Если вы только изменив значение текстовой области, прежде чем TinyMCE инициализируется, то это может работать для вас:

$('#wo_materials).val(materials.join('<br/>')); 
+0

спасибо, но это не работает. – Vince

+0

Я получил его для работы - см. Ниже. – Vince