vue中使用UEditor編輯器 -- 2

1：下載ueditor下來，放在vue項目中的static文件夾下

 

2：創建ueditor編輯界面

 

3：椰~~~~~此時已經可以使用了

但是你會發現

 

（黑人臉）what the fuck？？？？？？？？？？看下面

   

如果你只是搞前端界面，那就到此結束不用往下看了，剩下的是給苦逼后台干的事！！

 

 

4：這時，我們就需要把ueditor中的php那個文件夾挪到apache服務器的根目錄下

此時我的php文件夾的目錄是

apache根目錄\utf8-php\php

 

5：修改ueditor.config.js. 127.0.0.1:8090是apache的根訪問路徑

 

6:修改剛剛apache根目錄那里php/controller.php

 

打開前面的那兩行跨域請求，

 

然后選擇圖片上傳，你會發現，

你的Apache根目錄下多了個ueditor文件夾，最里面就保存着你剛剛上傳的圖片

上傳是上傳了，也能保存到后台了，但是日了狗，你會發現在界面中顯示不出來

 

然后打開newwork一看，后台返回的數據中url那里的路徑缺了本地apache的域名，根本就無法訪問到

7（方法1）：大家耐心點，這是最后一步了。

打開apache根目錄那里的php下的upload.class.php，一直往下，往下，往下，往下，往下，往下，往下，往下，往下，你會看到這么一段玩意，這里就是剛剛在newwork中返回的數據，在url那里加上你apache的域名，就大功告成

 

7（方法2，推薦） 修改apache根目錄那里的php下config.json，紅色框那里也是你apache的域名

 

最后再次上傳，你就發現，特么的終於可以了！！！！！！！！！

 

 

UEditor中的方法：

1. 實例化編輯器到id為 container 的 dom 容器上：
   var ue = UE.getEditor('container');
2. 設置編輯器內容：
    ue.setContent('<p>hello!</p>');
3. 追加編輯器內容：
    ue.setContent('<p>new text</p>', true);
4. 獲取編輯器html內容：
    var html = ue.getContent();
5. 獲取純文本內容：
    ue.getContentTxt();
6. 獲取保留格式的文本內容：
    ue.getPlainTxt();
7. 判斷編輯器是否有內容：
    ue.hasContents();
8. 讓編輯器獲得焦點：
    ue.focus();
9. 讓編輯器失去焦點
    ue.blur();
10. 判斷編輯器是否獲得焦點：
    ue.isFocus();
11. 設置當前編輯區域不可編輯：
    ue.setDisabled();
12. 設置當前編輯區域可以編輯：
    ue.setEnabled();
13. 隱藏編輯器：
    ue.setHide();
14. 顯示編輯器：
    ue.setShow();
15. 清空內容：
    ue.execCommand('cleardoc');
16. 讀取草稿箱：
    ue.execCommand('drafts');
17. 清空草稿箱：
  ue.execCommand('clearlocaldata');