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

【问题标题】：How to set plain text content to tinyMCE?如何将纯文本内容设置为 tinyMCE？
【发布时间】：2018-10-10 15:24:59
【问题描述】：

我有这个字符串：

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.....

如何保留我的纯文本换行符？

【问题讨论】：

标签： javascript tinymce tinymce-4

【解决方案1】：

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

如果您想要“换行符”，您需要在将它们加载到 TinyMCE 之前将它们转换为适当的 HTML（<p> 或 <br>）。

【讨论】：

【解决方案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

【讨论】：