TinyMCE的 - 未捕獲的SyntaxError：意外的標記非法

Question

以下HTML使用Jinja2的模板呈現

tinyMCE.activeEditor.setContent("<p>skldjlfjsd kajshdfkhasdlk falsd</p> 
<p>&nbsp;</p> 
<p>sdf</p> 
<p>sdsdfsd</p> 
<p>&nbsp;f</p> 
<p>sdfsdfsd</p>"); 

模板是

tinyMCE.activeEditor.setContent("{{ article.content|safe }}"); 

瀏覽器給我下面的錯誤

Uncaught SyntaxError: Unexpected token ILLEGAL 

Answer 1

問題是傳遞給tinyMCE.activeEditor.setContent的字符串中未轉義的新行字符。有幾種方法可以解決這個問題，其中之一就是將每行放入一個單獨的字符串中，並將它們連接在一起，例如這樣。

tinyMCE.activeEditor.setContent([ 
    "<p>skldjlfjsd kajshdfkhasdlk falsd</p>", 
    "<p>&nbsp;</p>", 
    "<p>sdf</p>", 
    "<p>sdsdfsd</p>", 
    "<p>&nbsp;f</p>", 
    "<p>sdfsdfsd</p>" 
].join("\n"));