常發現有客戶把 word 有表格的檔案內容,直接貼到 html 編輯器內,結果產生一些奇怪的表格出來,在這裡分二篇文章來介紹一下 word 貼到 html 編輯器的正確方式: 1.假設有表格的 word 檔檔案比較小,如下圖:
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_sy8emDAUX-GyZ4ZcBU-js5P30dU4MeYWNnyYGALIK7-mX4uv3vCxgN6qok5w4Lj31icfRIv8ItZ1YtHvmjQmKSvuqHqOBs3X9FgcdJ5S0hL3Hq-uFDJGs3ifQA1Y6xCF450u2ZUxo7=s0-d)
(1)CTRL-A 再 CTRL -C 反白 word 檔表格部份:
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_ugaxKfv7bCe6qvZ1h-J4hVDh1iSmfOts5T4srsUy7M8Qmwf7xB4lOAp-ncVKb-rvyv7xfkv_uDFnMWZvNAxqobjeQUkJHC26JJT74MvYUQkPoHB4dsjLPQPKdax-nycHIab-nPGk4=s0-d)
(2)點選 html 編輯器上的 word 小圖示:
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vsSa4AAMz3fKSYBTPCB_0LPB_hPxlpO2UM8Y_wIMPK4HTZbIm-HPwiCMhcg23T2rlw_fLn7lsEAmBsvAd0RDNuumL676KD4yGXI3zzcXYeZSYJXKrlHwZ1X53wjWNKZ8e1mZXy3Qcu=s0-d)
(3) 此時會跳出小視窗,提示要把 word 檔內容貼入文字框內,操作完成後,按下確定:
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_tiSeIF63N802SYSLVexb-TK43zoJA-2O3ffjng160-UJgXOFtZvmuVydg2-rhT9apc1h4Fkl_QhkaXhhj16eo-yAg7_3VK6z7ZUIjvcf0sV7Q9w_2zvtqSQgk_Ckpi0XYPKgz90NKe=s0-d)
(4) word 檔表格內出現在 html 編輯器內,再按下確定修改:
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vqBM4xzllWqSzfBn901BNMkPXOdB4wN_Wfetqb57QGEiYmGqg3oErDrCmBDyFMnGZtdnE_rO0GzKatxHuhsqe0_WanKSwKnIQQZUAsZap4D6utzJtNL4GSU43tmSmyEUz6IXs8_PV-=s0-d)
(5)前端頁面已可看到剛剛在 html 編輯器內載入之表格內容!
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_uHYOBEEyOonToCd9YXUbANlzZLDloh-B-kYEVR7vFaOJufKMoPiKZPf5QwGcIi3fBuELF3g1dqN-aIujU1YqcnRv8V2-8wK7-DBC6A4ohb6MVhXcWNkCDt5uXfJpSVREnQqr1uigs=s0-d)
下一篇文章再分享如果您的 word 檔有表格,而且內容很多該如何實作才能解決!
更多資訊請連結哈斯特科技官方部落格