如何将纯文本内容设置为tinyMCE？

Question

我有这个字符串：

let s = `
> line1
> line2
> line3
> line4
> — View it on GitLab. You're receiving this e.....
`

当用户单击按钮时，我需要在tinyMCE中进行设置，所以我有以下代码：

tinymce.activeEditor.setContent(s);

问题是我进入编辑器：

> line1> line2> line3> line4> — View it on GitLab. You're receiving this e.....

如何保留我的纯文本新行？

Answer 1

TinyMCE是HTML编辑器，因此不会保留字符串中的空格。

如果您需要“换行符”，则需要先将它们转换为适当的HTML（<p>或<br>），然后再将它们加载到TinyMCE中。

Answer 2

您可以将<p>中的每一行括起来，如下所示：

s = s.split(">");
var len = s.length;
var new_str = "";
for (i=1;i<len;i++)
    new_str += "<p> >" + s[i] + "</p>";           
tinymce.activeEditor.setContent(new_str);

看看我创建的Demo。只需点击mybutton