Medit.js 移动端富文本编辑器开源项目

一个创新型的移动端所见即所得富文本编辑器。

Demo: MeditDemo

为了更专注做一个更具价值和体验的移动端富文本编辑器，所以Medit目前不支持Pc端使用，仅支持移动端。

更易用的内容选择方式，目前已支持选取内容块后手势左右滑动选择、通过手机原生自带长按选择进行编辑操作。

优化编辑器样式，把原有的图标、弹层和编辑器内部标识都进行了优化。

开放功能扩展接口Medit.extend，可以通过这个接口来扩展更加丰富的内容。

开放内置功能配置接口Medit.nativeSetting，开放内置弹层调用接口Medit.settingPage。

工具条目前不在限制于页面顶部，用户可以对工具条进行自定义配置。

第一步，引入medit.js文件，如果不下载使用icon包的话可能会导致部分功能性icon无法显示，icon存放于 github/medit/build/images 下

在第一步和第二步之间可以选择性的引入medit插件，也可以自己来书写medit插件，medit提供了两个方法，一个是 medit.extend 方法来配置扩展插件，另外还有一个 medit.nativeSetting 方法来配置内部功能，详情请看下面的medit类方法。

第二步，创建medit实例

经过上面两步之后一个medit富文本编辑器就可以使用了。

通过上面创建好的medit实例meditObj可以调用medit的方法来实现你想要的功能。

meditObj.getContent()获取medit编辑器中所编辑的内容结果。

meditObj.clear()清除medit编辑器的内容和自动保存在客户端浏览器中的内容。

meditObj.autoSave(name,callBack(content,time))配置medit自动保存，需要传入两个参数：

name：为了保证在同一页面引入两个编辑器后自动保存的效果，所以需要手动传入一个自动保存的字段名称，需要在页面中保持唯一性。

callBack(content,time)：这是自动保存的回调函数，每次medit自动保存后都会调用这个回调函数，并传入当前保存的编辑器内容content和当前时间戳time。

meditObj.image(option)||meditObj.imageUpload(option)medit图片上传配置，option是配置参数

目前有三个medit类方法，所谓类方法就是直接通过medit类进行调用而不是通过medit实例进行调用。

medit.extend(config)功能扩展方法，可以通过这个方法实现medit插件和功能扩展。config是一个对象，其中必须包括 图标:icon 、 其它类型模块转换为此类型模块时动作:doWhat 、 模块得到焦点时动作:focus 、模块失去焦点时动作:blur和 模块名称:name 这五个属性。其中icon可以是远程url，也可以是dataURL；name必须保持唯一，不能与内置功能名称产生冲突。

下面是一个功能模块的完整配置属性：

medit.nativeSetting(callBack(config,name))内部功能配置方法，会循环调用callBack，然后把内置功能的配置和名称传入，返回值应该是一个修改后的config，然后medit就会应用这个config，如果没有返回值那么medit也就不会做任何改动。

medit.settingPage(title,contentHTML,callBack)打开medit内置弹层，title是配置弹层顶部Title，contentHTML可以传入一段html文本作为弹层的内容，callBack是在弹层的ok按钮点击之后触发。

下面是一段应用medit类方法的实例：