TinyMCE 如何动态获取文本区域中的换行符

Question

我需要有关如何在 TINY 中使用 <li> 理想地创建动态换行符的建议。我试过使用 each 循环和 for 循环，但值没有出现在文本区域中。但是，如果我只是将它们添加到带有 val() 的文本区域，它们会正常运行，但只是一个长字符串。

文本区域的 ID 为 wo_materials。我成功地把我的文字变成了这样的小东西：

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

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

我得到了一行不错的文本值：

材料值是一个数组。如果我在控制台中查看它，它看起来像这样：

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

谢谢！

Answer 1

如果您只是在初始化 tinymce 之前修改文本区域的值，那么这可能对您有用：

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

Answer 2

这行得通。秘诀是将递增的 var "text" 添加到 for 循环，然后将对象/数组包装在 <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();

TinyMCE 如何动态获取文本区域中的换行符

TinyMCE how to dynamically get line breaks in a textarea

html

javascript

tinymce-4