**在頁面加入 wangEditor** 在該頁面的基礎上，引用wangEitor的css、js，添加textarea，生成編輯器。 不明白的同學，可參見【開始使用】一節。之后該頁面的代碼如下： ```html <!--引入wangEditor.css--> <link rel="stylesheet" type="text/css" href="css/wangEditor-1.3.10.css"> ……省略其他內容…… <div id="uploadContainer"> <input type="button" value="選擇文件" id="btnBrowse"/> <input type="button" value="上傳文件" id="btnUpload"> <ul id="fileList"></ul> </div> <textarea id='textarea1' style='height:300px; width:100%;'></textarea> ……省略其他內容…… <!--引入jquery、wangEditor.js、plupload.js--> <script type="text/javascript" src='js/jquery-1.10.2.min.js'></script> <script type="text/javascript" src='js/wangEditor-1.3.10.min.js'></script> <script type="text/javascript" src="plupload/plupload.full.min.js"></script> <script type="text/javascript"> $(function(){ //獲取dom節點 var $uploadContainer = $('#uploadContainer'), $fileList = $('#fileList'), $btnUpload = $('#btnUpload'); var editor = $('#textarea1').wangEditor(); ……plupload配置的內容…… }); </script> ``` 截止到此，plupload和wangEditor的功能都是相互獨立的，兩者沒有任何關系。 此時，你點擊“圖片”菜單，肯定得不到你想要的結果。 接下來，我們將把兩者結合起來。