iOS 使用markdown 實現編輯和預覽文本

注意要點： 

1.在iOS 能夠依賴UIWebview 來實現

2.豐富的UI樣式依賴 html 的樣式, js 調用插入markdown內容呈現出來

3.實現markdown編輯快捷鍵：參考github 編輯內容的快捷鍵便可

⚠️ 實現過程當中遇到一個問題，在github上 編輯好的文本，客戶端在線預覽的時候是空白的。。。調試了很久終於找到問題：同樣的文本在pc端可能會生成\r，可是在iOS 客戶端回車鍵只會是\n. 因此markdown文本在注入js前執行的過濾方案中我多加了一條過濾\r 即問題解決了

- (NSString *)getMarkdownContentWithMarkdowString:(NSString *)markdown {
    markdown = [markdown stringByReplacingOccurrencesOfString:@"\r"withString:@""];//⚠️防止不識別\r
    markdown = [markdown stringByReplacingOccurrencesOfString:@"\n"withString:@"\\n"];
    markdown = [markdown stringByReplacingOccurrencesOfString:@"\"" withString:@"\\\""];
    markdown = [markdown stringByReplacingOccurrencesOfString:@"'" withString:@"\\'"];
    return markdown;
}

測試復現這種狀況 能夠使用下面的測試文案：

(1)driving off the spleen and regulating the circulation.\r\n   //沒法顯示
(2)driving off the spleen and regulating the circulation.\r     //沒法顯示
(3)driving off the spleen and regulating the circulation.\n     //正常
(4)driving off the spleen and regulating the circulation.       //正常

markdown 編輯效果以下：

 

markdown 預覽效果以下：

 

參考項目：地址  https://github.com/Li-Qun/EditMarkdownDemo 

歡迎給小星星✨✨✨鼓勵哦😘😘😘