您字符串中有multiple-new-lines(\n)，而trim()删除了单个换行符这就是出现问题原因
您需要将.replace()与pattern一起使用
工作片段：-

console.log("hi\nbye\ngoodluck\n\n{{optout}}".replace(/[\r\n]+/g, '\n'));

您的问题与trim无关。trim不会将' \n'转换为新行。'\n'已经是新行字符。如果您要在网页中的不同行中查看字串，您必须知道HTML会忽略新行，除非文字位于<pre>标记内。
您需要将换行符转换为<br>标记，然后再将其添加到页面：

var str = "hi\nbye\ngoodluck\n\n{{optout}}";

var convertedStr = str.replace(/\n/g, '<br>');

 console.log(convertedStr);