如何实现一个 Android 端的富文本编辑器

如题所述

较常见的实现图文混排的办法

WebView + JavaScript；

EditText + Span；

scrollview + view；

WebView + JavaScript

webview实现富文本也就是html+css+js，不过这种的难点就是在手机客户端中的编辑问题，毕竟是webview和android view的转化问题。

EditText + Span 

可以很好的实现简单富文本的编辑，但是在图文混排，以及各种主要自定义的组件面前就显得捉襟见肘。

scrollview + view 

优点是可以实现各种各样的view，想什么组件自定义就行，而且实现比较简单，简单几句就可以实现文本插入编辑。

scrollview + view的实现过程

效果图：



首先，先定义一个组件的接口；



一个组件的点击接口，可根据组件选择实现的方法；



然后定义两个简单的组件 RichEditText 和RichImageView；



实现一个简单的图片组件；



定义了两个简单的组件之后，接下来就是最后的组件管理器RichSrcollView，对组件的增删其实也是最基本的addview和removeview，管理器实现了组件的点击事件，键盘的回退删除，组件的插入方法等待；



点击按钮的时候就新建一个图片组件，而文本框组件可以点击组件下面的空白条插入；

其他

在scrollview实现一些view的添加和删除，以及组件间的拼接，就可以实现一个很简单的可定制的富文本编辑器。