android高仿今日頭條富文本編輯(發佈文章)

前言： 在經歷了幾個月的項目期限。咱們遇到了前端發佈文章，要用到富文本編輯的功能。在一番衡量下最終用到了richeditor-android第三方框架。實現原理就是經過webView和js實現前端富文本。有想了解的能夠點開上面連接，研究研究。雖然richeditor-android已經幫咱們實現了大部分核心內容，可是不少細節它都沒有完善，這也是爲何他的issues達到170多的緣由。也不知道它有沒有停更。接下來是做者踩了N多坑以後，把功能基本補全。能夠說是高仿「今日頭條富文本編輯」。css

1、先來看看都實現了補全了哪些功能

（這裏不會重複richeditor-android原有功能，只會詳細講解補全的細節功能）html

1.一、在沒有焦點時，主動獲取焦點並彈出軟鍵盤

修改後： 在第一打開富文本編輯時，點擊加粗，下劃線或上傳圖片時，主動獲取焦點並彈出軟鍵盤。前端

1.二、在光標主動回到某處，下方tab選中當前的樣式，同理撤銷和回退

修改後： 在光標變化，撤銷回退，或者主動點刪除時，下方tab會根據當前樣式選中要選中的樣式 android

1.三、上傳圖片，自動換行，且自動滾動到底部。且充滿屏幕

修改後： 選中圖片後，插入圖片自動換行，自動滾動到底部，彈出軟鍵盤。（圖片充滿屏幕） git

1.四、點擊圖片，可編輯圖片（剪裁），或刪除圖片

修改後： 點擊圖片增長了刪除和編輯功能，編輯剪裁圖片也是模仿頭條的。（注：這裏的圖片選擇和圖片剪裁是其餘第三方，後續給上連接，做者修改後增長了比例切換的動畫，且適配了全面屏和處理了虛擬鍵） github

1.五、根據頭條的排版樣式，修改了文字，圖片還有序號的排版樣式

修改後： 原樣式，比較不理想。在看了頭條的排版樣式後，修改了css樣式。儘可能模仿出頭條的感受 web

1.六、選中文字後，在不點擊屏幕前，選中文字都不變。高度模仿頭條

修改後： 以前點擊1下或者2下加粗時，選中文字會取消。如今不是主動點擊屏幕，選中文字不會取消 markdown

1.七、在做者在實現這塊功能時，還遇到了缺乏ssl證書，圖片無法顯示出來。還加了忽略ssl證書

在華爲和小米都有出現過。出現的時候，我用頭條app去上傳圖片也是遇到上傳圖片失敗。過一會，手機又正常了。反正加上忽略ssl是必定能夠成功的。app

2、如今讓咱們一塊兒看看發佈文章從新編輯的功能吧、

3、總結。

至此一個高仿頭條的富文本就此而生。若是你開發遇到了或者有什麼古怪的功能還不知足你的要求，請聯繫我。
框架

文中用到的圖片選擇框架，建議用demo的，是做者適配全面屏修改過的
文章用到的剪裁框架，建議用demo的，是做者適配全面屏修改過的
請注意：文中用到本地路徑的圖片，若是是網圖，則可直接替換成網圖便可
最終生成的是html,可在前端各個端展現