UEditor使用操作步驟-----不讓合同再佔用你過多時間

摘要： 在實際的工作當中，經常會有讓上傳合同的需求，我們通常的做法是將合同複製貼上到頁面裡然後寫class和各種樣式，這種重複勞動耗時耗力，做起來沒多大意義，我們應該將有限的時間做更有價值更有意義的事情上，哪怕優化程式碼也比這些重複操作來的划算，所以一番搜尋，找到了UEditor這個外掛，其實gitb...

在實際的工作當中，經常會有讓上傳合同的需求，我們通常的做法是將合同複製貼上到頁面裡然後寫class和各種樣式，這種重複勞動耗時耗力，做起來沒多大意義，我們應該將有限的時間做更有價值更有意義的事情上，哪怕優化程式碼也比這些重複操作來的划算，所以一番搜尋，找到了UEditor這個外掛，其實gitbub上ueditor已經有使用說明了，但是這裡還是說一些細節

1. 在github上將專案down下來

ofollow,noindex">github連結

2. 解壓，然後 npm install 安裝包，裝完了之後執行 grunt default ，這一步和GitHub說的一樣

3.在瀏覽器中 開啟 dist==>utf8-php==>demo.html

會看到這樣的介面

3.  把word開啟，所有內容複製過來，點左上角的 HTML ，就會將文件自動生成html了，樣式都會幫你生成和word一模一樣的：字型，顏色，縮排等等，然後再粘到專案對應的檔案裡html.php檔案裡。

親測效率提升80%，本來花10分鐘做一個合同，現在花2分鐘就行啦，大大解放了勞動人民的雙手，希望大家用的愉快！歡迎留言討論交流

2018-09-26更新

-  如果word中帶表格，那麼在PC端還好說，在移動端會生成橫向滾動條來渲染表格

-  如果word中使用了tab來縮排而不是空格，可能會讓生成的html變得很長，也會出現橫向滾動條

以上兩點是需要注意的地方