android 动作编辑器,Android 编辑器使用

前言

项目需要实现一个移动端的富文本编辑器，调研后发现Android平台主要有三种实现方式：

通过不同的布局实现图片、文字、列表等排版，并且分别对应不同的HTML样式，参考项目android-animate-RichEditor；

使用Android原生提供的EditText和Spannable对象。关于Span的介绍，参考项目Knife；

采用WebView与JS实现。Web端的富文本编辑相对成熟，这种方式具有较好的跨平台性，参考项目richeditor-android，ZSSRichTextEditor。

为了兼容Android、IOS以及PC端，决定采用第三种方式来实现，而开源项目richeditor-android存在WebView 的兼容性问题(android4.4以上版本WebView内核修改)，与IOS开源项目ZSSRichTextEditor所使用JS文件不相同。无意中发现了开源项目wordpress,对ZSSRichTextEditor.js进行了封装，分别提供了WordPress-Editor-Android和WordPress-Editor-iOS两个富文本编辑器，提供了丰富的文本编辑功能，下面就wordpress-editor代码进行分析。

总体设计

EditorFragmentAbstract为编辑器的基类，定义编辑器需要实现的相关方法，媒体文件类型(IMAGE/VIDEO/…),以及EditorFragment与Activity的通信接口EditorFragmentListener。

JsCallbackReceiver用于接收JavaScript返回数据，通过OnJsEditorStateChangedListener接口实现JS与Anroid原生的之间的通信。

EditorFragment继承编辑器基类，实现了OnJsEditorStateChangedListener接口，封装了原生调用JS的一些方法。

NoteEditorActivity作为EditorFragment的容器，实现了EditorFragmentListener接口。

ZSSRichTextEditor.js作为资源文件引入，为编辑器提供了丰富的文本操作方法。

类关系图

主要功能介绍

编辑功能及拓展

EditorFragment的布局引入format_bar.xml，定义了编辑器的功能选择区域。

目前实现了图片视频上传，字体加粗、斜体，文本引用、设置标号，插入超链接等；

ZSSRichTextEditor.js文件中还提供了文本格式、颜色等多种设置方式，可以根据自己的需要进行拓展。