[TOC] >[warning] 使用前請務必 load()->func('tpl'); 加載模板組件函數，并加載了系統的頭部模板文件 #### 富文本編輯器 系統中的富文本編輯器基于百度編輯器（UEditor），微擎擴展其上傳圖片組件及上傳視頻組件，還修復了若干bug。下面簡單的說一下調用富文本編輯器的幾種方法。 ##### 通過組件函數 >[info] tpl_ueditor($id, $value = '', $options = array()) * $id 生成富文本編輯器的名稱，最終提交POST/GET也是通過此名稱來取 * $value 默認的文本內容 * $options 參數配置數組，鍵值說明如下： * height 正整數，結尾不加px。編輯器的高度 ``` {php echo tpl_ueditor('content');} //php 端取值 $_GPC['content'] ``` ##### 通過JS來調用 某些情況您可能不希望直接生成出來富文本編輯器，需要自己定義一些事件或是通過某些條件生成出來編輯器，您可以選擇這樣的方式來調用，以下給出實例： ``` //在Html頁面上還需要調用一個組件函數，只不過是第一個參數傳入空值，用于引用各種富文本編輯器的JS文件 {php echo tpl_ueditor('')} <script type="text/javascript"> <!-- // ueditoroption 這個變量是微擎定義好的百度編輯器的初始化參數，直接使用即可 var editor = UE.getEditor('content', ueditoroption); editor.addListener('contentChange', function() { //此處增加了偵聽編輯器內容變化的事件 //do something }); editor.addListener('ready', function(){ //此處增加了偵聽編輯器初始化的事件 //do something }); //--> </script> ```