使用 UITextView來(lái)對(duì)markdown語(yǔ)法高亮

自從我開(kāi)始開(kāi)發(fā)MarkNote 之后溶握,一直在琢磨怎么讓markdown寫(xiě)得更簡(jiǎn)單蒸播。
一種方式是支持語(yǔ)法高亮,對(duì)常用的markdown語(yǔ)法提供輔助胀屿。不過(guò)這個(gè)特性一直在開(kāi)發(fā)計(jì)劃中優(yōu)先級(jí)不高包雀,所以遲遲未能實(shí)現(xiàn)。
今天有點(diǎn)心情葡兑,研究了一把赞草,用一種比較簡(jiǎn)單的方式實(shí)現(xiàn)了。下面是簡(jiǎn)單的演示效果房资。

效果

沒(méi)有做成 UITextView的子類(lèi)轰异,而是作為一個(gè)category來(lái)實(shí)現(xiàn)的,這樣對(duì)使用者而言侵入性更小一些婴削,使用起來(lái)也更方便牙肝。
Talk is cheap, show me the code!
下面簡(jiǎn)單解釋一下:

SynctaxRule

首先定義了一個(gè)語(yǔ)法規(guī)則類(lèi)SyntaxRule嗤朴,它用來(lái)容納正則表達(dá)式虫溜,以及對(duì)應(yīng)的樣式。樣式用NSDictionary來(lái)容納衡楞。也就是說(shuō)如果文本匹配express,則對(duì)它應(yīng)用style里面的樣式歧杏。
類(lèi)很簡(jiǎn)單迷守,聲明如下:

@interface SyntaxRule
@property (readonly) NSRegularExpression* express;
@property (readonly) NSDictionary* styles;

-(instancetype) initWithExpress:(NSRegularExpression*) exp Styles:(NSDictionary*) styles;
@end

SyntaxOccurance

這個(gè)類(lèi)用來(lái)代表解析后的結(jié)果:記錄文本的位置,記錄需要對(duì)它應(yīng)用的樣式:

@interface SyntaxOccurance 
@property(readonly) NSRange range;
@property (readonly) NSDictionary* styles;

語(yǔ)法解析和渲染

解析過(guò)程比較直接:

  1. 構(gòu)建markdown 的語(yǔ)法規(guī)則隊(duì)列, 每一個(gè)規(guī)則有表達(dá)式和需要應(yīng)用的樣式凯力;
  2. 對(duì)文本急膀,遍歷規(guī)則卓嫂。針對(duì)每一個(gè)規(guī)則尋找文本中匹配的實(shí)例,將其位置和規(guī)則的樣式構(gòu)建SyntaxOccurance對(duì)象晨雳。
  3. 最后餐禁,把所有的SyntaxOccurance對(duì)象直接轉(zhuǎn)換為NSAttributedString , 賦予UI組件進(jìn)行顯示。在這里帮非,我的例子中用的是UITextView,其他支持NSAttributedString的UI組件也是可以用的筑舅。

所有核心的代碼直接扔到了 github 上陨舱。如有任何改進(jìn)意見(jiàn),還望多多指教误墓。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末谜慌,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子畦娄,更是在濱河造成了極大的恐慌熙卡,老刑警劉巖励饵,帶你破解...
    沈念sama閱讀 216,402評(píng)論 6 499
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異颓鲜,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)典予,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,377評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門(mén)甜滨,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人瘤袖,你說(shuō)我怎么就攤上這事衣摩。” “怎么了捂敌?”我有些...
    開(kāi)封第一講書(shū)人閱讀 162,483評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵艾扮,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我占婉,道長(zhǎng)泡嘴,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,165評(píng)論 1 292
  • 正文 為了忘掉前任酌予,我火速辦了婚禮,結(jié)果婚禮上奖慌,老公的妹妹穿的比我還像新娘抛虫。我一直安慰自己,他們只是感情好升薯,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,176評(píng)論 6 388
  • 文/花漫 我一把揭開(kāi)白布莱褒。 她就那樣靜靜地躺著,像睡著了一般涎劈。 火紅的嫁衣襯著肌膚如雪广凸。 梳的紋絲不亂的頭發(fā)上阅茶,一...
    開(kāi)封第一講書(shū)人閱讀 51,146評(píng)論 1 297
  • 那天,我揣著相機(jī)與錄音谅海,去河邊找鬼脸哀。 笑死,一個(gè)胖子當(dāng)著我的面吹牛扭吁,可吹牛的內(nèi)容都是我干的撞蜂。 我是一名探鬼主播,決...
    沈念sama閱讀 40,032評(píng)論 3 417
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼侥袜,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼蝌诡!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起枫吧,我...
    開(kāi)封第一講書(shū)人閱讀 38,896評(píng)論 0 274
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤浦旱,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后九杂,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體颁湖,經(jīng)...
    沈念sama閱讀 45,311評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,536評(píng)論 2 332
  • 正文 我和宋清朗相戀三年例隆,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了甥捺。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,696評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡镀层,死狀恐怖镰禾,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情鹿响,我是刑警寧澤羡微,帶...
    沈念sama閱讀 35,413評(píng)論 5 343
  • 正文 年R本政府宣布,位于F島的核電站惶我,受9級(jí)特大地震影響妈倔,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜绸贡,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,008評(píng)論 3 325
  • 文/蒙蒙 一盯蝴、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧听怕,春花似錦捧挺、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,659評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至,卻和暖如春黑竞,著一層夾襖步出監(jiān)牢的瞬間捕发,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,815評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工很魂, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留扎酷,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,698評(píng)論 2 368
  • 正文 我出身青樓遏匆,卻偏偏與公主長(zhǎng)得像法挨,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子幅聘,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,592評(píng)論 2 353

推薦閱讀更多精彩內(nèi)容

  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫(kù)凡纳、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,093評(píng)論 4 62
  • 簡(jiǎn)介瀏覽器可以被認(rèn)為是使用最廣泛的軟件,本文將介紹瀏覽器的工 作原理陵叽,我們將看到,從你在地址欄輸入google.c...
    聽(tīng)風(fēng)閣閱讀 3,285評(píng)論 0 7
  • 一丛版、開(kāi)始 老頭子斜靠在公園靠椅上巩掺,目光注視著眼前的小花園。就這么注視著页畦。已經(jīng)有大半天的功夫胖替。沒(méi)有移動(dòng),身邊擰...
    初天曉月閱讀 373評(píng)論 0 0
  • When I need you, you always let me down.我需要你的時(shí)候你總是讓我失望透頂 ...
    小烈吶閱讀 1,700評(píng)論 0 2
  • 在這里每一天都擔(dān)心會(huì)不會(huì)被開(kāi)掉豫缨,就算是個(gè)兼職独令,就算比別人忙拿的錢(qián)少,可還是不敢說(shuō)好芭,因?yàn)槿绻婚_(kāi)掉我真的不知道自己還...
    魏喂魏啊閱讀 252評(píng)論 0 0