iOS实现富文本编辑器的方法详解

前言

富文本编辑器不同于文本编辑器，国内做的比较好的比如有百度的UEditor和kindEditor。但是这两个也有它的缺点：界面过于复杂、不够简洁、UI设计也比较落后、不够轻量化，这篇文章我们将给大家介绍利用iOS如何实现富文本编辑器。

实现的效果

解决思路

采用webview加载一个本地html文件,该html内部编写好js方法用于与oc相互调用 最终输出该富文本字符串传输给服务器

为什么选择这样的方式

服务端要求我最终返回的数据格式为:

{
 @"Id":"当时新建模板这个不传，更新模板必须传",
 @"title":"模板标题",
 @"text":"
测试文字
![](http://upload-images.jianshu.io/upload_images/1694866-a9a1da57455b2054.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
![](http://pic.baikemy.net/apps/kanghubang/486/3486/1457968327238.amr@type=1@duration=1852)
",
 @"sendstr":"22372447516929 如果模板要保存同时发送给患者，这个值必须传，可以多个患者发送患者id以逗号隔开"
 @"1457968280769.jpg":
 @"文件名":"BACES64 数据 这个是多个图片或语音一起上传"
}

其中text字段即为富文本字段.

同时又需要编辑已有文本等功能.倘若用原生代码写较为复杂,最终选择了使用本地html代码实现

解决步骤

新建一个richTextEditor.html文件

1.页面设计

/*界面不要太简单 一个简单的输入框*/