Question

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

Answer 1

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

1. WebView + JavaScript；

2. EditText + Span；

3. scrollview + view；

• WebView + JavaScript

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

• EditText + Span 

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

• scrollview + view 

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

• scrollview + view的实现过程

1. 效果图：

   

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

   

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

   

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

   

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

   

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

   

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

   

其他

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