iOS富文本

背景：前些天突然想做一個筆記本功能，一開始，覺得挺簡單的呀，一個UITextView,網絡緩存也不干了，直接本地NSUserDefault存儲，然后完事了，美工，弄幾張好看的圖片，加幾個動畫，也就這樣了。接著，按照慣例，查看已有的備忘錄軟件，其app store知名的軟件:Weiconote等。

才發現沒那么簡單。這里先不考慮圖文混排的問題，首先面對的就是：鍵盤隱藏之后，文字的位置移動問題啦。細心的體驗后發現：系統的備忘錄，已經一些做得好的軟件，都會進行一些處理，例如：

1.當我編輯的時候，光標應該是一直不被鍵盤高度隱藏的才對。

2.我在文字中間進行編輯的話，編輯完成隱藏鍵盤，UITextView的文字位置這個時候應該是我剛才編輯的部分。

于是開始寫：

1. 查看了暴露出來的API，屬性，不被鍵盤高度遮住，frame，contentInset，textContainerInset，都可以做到。

根據鍵盤的本身的 notification?，或者UITextView delegate ，能輕易做到。

部分代碼：

2.解決方法比較麻煩，查看了所有的api，就只有父類的這個api有用的：

- (void)scrollRectToVisible:(CGRect)rect animated:(bool)animate;

接下來的問題來了，根據光標當前的位置高度，手動計算屬性，然后，獲取要移動的位置，進行跳轉。因為默認的情況是：只要鍵盤隱藏了，會自動跳到UITextView的最前面的。至于獲取光標位置，以及計算移動的位置的問題，可以很快查到資料的。

這里的這位哥，也遇到同樣的問題，解決方式也是一樣的。?http://petersteinberger.com/blog/2014/fixing-uitextview-on-ios-7/?里邊也已經有了github源碼分享。（不做重復的事情）

事實上，問題2最好的解決方式是：自己根據TextKit封裝一個UITextView...

上面的背景就是這樣了，解決了問題后，發現，為什么不順便把圖文混排的問題也一次性解決了。一直以來，富文本編輯都是沒有深入的，之前也是直接用的開源代碼，或者UIWebView，總是心里不踏實，卡頓的情況偶爾發生，非常不開心。于是，接下來，才是今天主要想分享的東西了：富文本問題。

關鍵詞：coretext textkit

第三方庫分析：DTCoretext?M80AttributedLabel?FastText EGOText

官網參考資料：

UITextKit:?https://developer.apple.com/library/ios/documentation/StringsTextFonts/Conceptual/TextAndWebiPhoneOS/Introduction/Introduction.html

CoreText:?https://developer.apple.com/library/ios/documentation/StringsTextFonts/Conceptual/CoreText_Programming/Introduction/Introduction.html#//apple_ref/doc/uid/TP40005533

TextKit能讓我們自己手動管理字體的顏色，樣式（Text?Layout），觸摸事件，排版，圖文的混排規則。

Textkit是基于CoreText的，與WebKit是兩個不同的分支。我主要查看的也是TextKit，用coreText太麻煩了。而它們之間的關系邏輯如下圖所示：

具體到顯示上，渲染的流程是先從存儲的NSTextStorage中獲取text以及它的attributes，再經過NSLayoutManager布局顯示容器包括形狀，大小等，再經過NSTextContainer布局呈具體的顯示，最后展示在UI上。渲染和實現的流程：

這里注意描述：By using multiple text containers, each with an associated text view, more complex layout arrangements are possible.?

到了這里，基本心理有個譜了。大致清楚這個邏輯了。接下來細分一下：

a.這里，先說一下具體到文本的樣式，先上一張官方的說明圖：

我們可以設置文字的字體各種細節，段落排版，對其方式，縮進規則等。

關于樣式：自帶有六種，通過UIFont直接設置：

UIFontTextStyleHeadline,?UIFontTextStyleSubheadline,?UIFontTextStyleBody,?UIFontTextStyleFootnot,?UIFontTextStyleCaption1,?UIFontTextStyleCaption2

b.然后開始寫圖文混排了

參考代碼：

NSMutableAttributedString *string;

通過插入NSTextAttachment設置image對象，其中NSTextAttachment可以繼承重寫方法實現修改插入內容大小。

這里實際上就是找到一個NSRange位置然后插入圖片，常見的插入表情。然后表情轉換成字符串輸出出來。字符串再轉換成圖片輸出。

我們可以遍歷輸入的字符串，通過NSTextStorage設置字符串的字體，進行自定義規則處理等，例如，##進行標題大寫,高亮等。

通過NSLayoutManager來設置輸入文本內容行數，文本段的縮進規則，行間距等。

通過NSTextContainer來設置文字的布局方式，例如圖文環繞方式，等。

基本的Text Kit 功能這樣子了，基本能滿足富文本的所有要求了。自己排版，按照自己項目的業務邏輯做一些事情。

最后還是附加開頭提到的一些庫，閱讀好的源碼分析比什么都好：

M80AttributedLabel：基本的TextKit封裝，代碼易懂，例子非常好用簡單，試過效果挺好，需要做一些性能優化處理。

DTCoretext: CoreText封裝，解析正規的HTML源碼，展示出來成富文本，非常強大，如果安卓端和IOS使用同一套接口的時候，就非常好用了。兼容問題。

部分參考鏈接：

http://esoftmobile.com/2013/10/17/text-kit%E8%BF%9B%E9%98%B6/#more

https://github.com/xiangwangfeng/M80AttributedLabel

https://github.com/Cocoanetics/DTCoreText

?：DTCoreText 運行的時候有提示需要先進行：git submodule init? update?