UEditor顯示Invalid or unexpected token

原文鏈接http://www.qqdeveloper.com/a/53.html

問題背景   

數據修改操作，需要做一個數據內容回顯，該內容中包含代碼、圖片、普通文本等等內容，反正就是各種內容。

當做數據回顯時，用的是ueditor的setContent()函數。

錯誤情況

下面是錯誤信息，和錯誤信息的位置 

 

開發代碼

使用的是tp5，具體代碼實現如下。這是html代碼

 <script id="container" name="content" type="text/plain">
        {:htmlspecialchars_decode($artic_content['artic_content'])}
 </script>

 js使用setContent()渲染內容   

var ue = UE.getEditor('container');
    ue.ready(function () {
    ue.setContent('{$content}');
});

 使用上述方式，則顯示上面的錯誤信息  

解決方案

我這里就沒用到js，也就是說沒用ueditor的setContent()方法。直接在html中寫入內容。在js中初始化一下編輯器，這里就不添加代碼了。

使用了PHP的內置函數htmlspecialchars_decode()函數，將文本內容轉實體。官方手冊

<script id="container" name="content" type="text/plain">
    {:htmlspecialchars_decode($artic_content['artic_content'])}
</script>

問題回顧

至於為什么用ueditor的setContent()出現如下錯誤，還未想明白。如果看到文章的你，發現怎么回事，請評論區留言。

額外收獲

在thinkphp框架中，模板函數可以使用自定義函數也可以使用PHP內置函數，使用方法就是上面解決方案中使用的方式。

具體參考手冊的文檔底部有說明