富文本编辑器android

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

在 Android 上实现富文本编辑器的思路大致分为三种：

使用多种 Layout 布局，每一种布局对应一种 HTML 格式，比如图片，比如顺序列表等。具体的实现例子可以参考这个链接。 Medium 和
Evernote 的富文本编辑就是采用这种方式实现的。总体来说比较复杂。

WebView + javaScript 实现。现在 Web 端有很多成熟的 JavaScript 富文本编辑库，比如 Squire ，你只需要做好
WebView 和 JavaScript 的交互就可以了(多写回调函数)。理论上虽然是这么说，但是在实现过程你需要解决 WebView 的兼容性问题(
Android 4.4 及其以上版本和 4.4 以下版本的 WebView 内核不一样)，以及其他一些不可预见的问题(比如就遇到无法粘贴文字的问题)。

EditText + Span 。 Android 的 TextView 原生支持诸如粗体、删除线、引用等 Span
，要实现简单的富文本编辑需求，可操作性还是比较大的。综合再三，选择了这种方式来实现自己的需求。

既然决定使用 EditText + Span 的方式来实现，必然要对相关的 API 有所了解。

首先来了解一下 Span 。Span 是一个强大的概念，有兴趣深入的同学推荐直接阅读这篇译文。

在这里主要使用两种类型的 Span ：

继承自 CharacterStyle 的 Span ，比如 StyleSpan ，可以在字符级别上添加粗体，下划线等。

继承自 ParagraphStyle 的 Span ，比如 QuoteSpan ，可以为段落级别的文本添加引用。

接着需要一个可以将 Span 的效果设置进去的文本结构(即实现了 Spannable 接口)， SpannableStringBuilder
是个不错的选择，同时 EditText 提供的 getEditableText() 方法也可以获得。通常只需要 getEditableText()
就可以了，但是在面对一些细节部分，可以使用 SpannableStringBuilder 预先设置相应的 Span ，再替换到原来的文本中。

设置 Span 的方式也很简单，需要调用 Spannable.setSpan(Object what, int start, int end, int
flags) 这个方法即可，方法中 4 个参数的解释如下：

Object what ，传入你使用的 Span 对象。

int start ，设置 Span 的开始位置。

int end ，设置 Span 的结束位置。

int flags ，代表设置 Span 的作用域。

在这里重点介绍一下 int flags 这个参数，它接受 4 种类型的参数，分别是：

Spanned.SPAN_INCLUSIVE_EXCLUSIVE ，表示你在设置 Span 的区域之前输入文字，输入的文字也会受到 Span
的影响。

Spanned.SPAN_INCLUSIVE_INCLUSIVE ，表示你在设置 Span 的区域前后输入文字，输入的文字都后受到 Span
的影响。

Spanned.SPAN_EXCLUSIVE_EXCLUSIVE ，表示你在设置 Span 的区域中出输入文字，输入的文字才会受到 Span
的影响。

Spanned.SPAN_EXCLUSIVE_INCLUSIVE ，表示你在设置 Span 的区域之后输入文字，输入的文字也会受到 Span
的影响。

“受到影响”的意思就是，仍然会保持你设置的 Span 的样式，比如选择Spanned.SPAN_EXCLUSIVE_INCLUSIVE
设置了一段文字的粗体，那么在这段文字后新输入的文字，也会是粗体。在这里推荐使用Spanned.SPAN_EXCLUSIVE_EXCLUSIVE
参数，毕竟其他几种参数相对不是很好控制，而且会给使用的人带来的疑惑。认为一个操作代表的行为应当是准确没有歧义的。

好，到这里已经知道大致怎么作出一个富文本编辑器组件的样子了，无非是指定开始位置和结束位置，再设置相应的 Span
即可。至于设置的时候采取什么样的规则，你可以自己定制。但仅仅解决了编辑的问题，仍然存在导入的问题和导出的问题。

导入的问题十分简单， Android SDK 中提供了 Html.fromHtml() 这个方法，可以很轻松地将 HTML 字符串转换为所需的
Spanned 对象。但是需要注意的是， Html.fromHtml() 并不支持所有的 HTML 标签，比如无序列表就不支持，因此你需要自己实现
Html.TagHandler 接口来处理自己所需的标签，可以参考这个链接，实现了删除线和简单无序列表的支持。

面对粗体、斜体这样字符级别的样式， Html.fromHtml()
会自然而然的解析，该添加换行的地方就添加换行，并没有什么问题;但是面对引用、无序列表这样段落级别的样式，该方法会追加一个换行，也就是两个换行操作，相当于多出一个空行。通常来说认为一个
对应两个
，但是如果你有特别需求的话，也可以通过前面说的那样，自己来解析，而不是用系统默认的方式。

之前介绍了如何导入，想必你也十分清楚，必然有一个对应的Html.toHtml() 方法!没错，但是遗憾的是，这个方法也不全支持所有 Span
，比如列表就不支持。不过没有关系， Html.toHtml() 这个方法本身的源码简洁易懂，可以参考着实现。

在这里重点说明 Spannanle 的一个接口方法 nextSpanTransition(int start, int limit, Class
type) ，这个方法会在你指定的文本范围内，返回下一个你指定的 Span 类型的开始位置，依照这个方法，就可以逐层扫描指定的 Span
，而不用同时考虑其他类型的 Span 的影响，十分有用。

最后尽管说了这么多，导入导出还是有一个比较关键的问题，即导入的内容和导出的内容要保持一致，在这点上目前我还比较难以实现，只能说尽量控制吧，必要的时候还需要使用一下正则来处理导入导出的文本。

B. 如何实现一个 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的添加和删除，以及组件间的拼接，就可以实现一个很简单的可定制的富文本编辑器。

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

jota文本编辑器和jota ，基本全汉化的，小巧精悍，我用它们写txt和html很方便。jota 我有破解版的，能同时打开多个文件。尤其是这两款是我见过的安卓上唯一带强悍的正则表达式替换功能的文本编辑器。用此功能可以过滤html标识符，实现html转txt。要的话上传附件给你。计数器在文件→属性里面。

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

可以去参考开源的Android富文本项目嘛，比如：RichEditor，地址：

https //github com/wasabeef/richeditor-android

当然，也可以参考我的Android开源项目：JNote，地址：

https //github com/Jhuster/JNote

采用markdown语法作为富文本标记。

E. 安卓X5内核 富文本编辑器不支持

需要引入第三方的框架支持才能用。
富文本可以为用户提供更加多样化的文本展示形式，但由于其使用了H5标签的特殊性，一般都需要第三方框架的支持。这里推荐一款合适的第三方富文本框架，richeditor。
首先我们要使用该功能需要引入相关jar包，然后我们需要解决一个问题，那就是，在富文本编辑器的使用中，5.0以下的系统自带的webview无法实现删除图片的功能。这个漏洞在5.0以后被谷歌公司进行了修复。但是问题来了，公司的软件是要兼容到4.2系统的，总不能因为这个问题不让用户用4.x的手机吧，而且这批用户还不少，所以需要解决这个问题。我们的思路是替换掉系统的webview，更换第三方自定义webview。这里有一个好的框架推荐就是腾讯的X5内核，内含腾讯重写的Webview，版本到7.0。这里不重点讲述X5内核的好处，我们看一下如何替换。我们看到，RichEditor中最关键的一个自定义类是一个叫做RichEditor的类。这是我们布局上输入富文本区域的控件。我们看到它的继承类是WebView。这里咱们把代码拷贝出来并且重写该类，并将继承类换成X5内核中的WebView，这样我们就可以在这个类中进行其他的一些修改，比如新功能的添加之类的。

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

RichEditor for Android 是 Android的一个超酷的所见即所得的富文本编辑器控件。
它支持的功能有：Bold、Italic、Subscript、Superscript、Strikethrough、Underline、Justify Left、Justify Center、Justify Right、Heading 1、Heading 2、Heading 3、Heading 4、Heading 5、Heading 6、Undo、Redo、Indent、Outdent、Insert Image、Insert Link、Text Color、Text Background Color、Milestone、Blockquote
RichEditor 是一个继承自 WebView 的自定义 view，枚举类型 Type 定了它所支持的排版格式。
编辑器的核心功能由 js 实现，RichEditor 封装了 js 的功能，为上层提供了 java 接口

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

利用XML进行文本内容和格式描述，图片音频资源通过uri引入，XML解析就自己添加咯。

H. android 富文本编辑器+webview 显示 高亮

UEditor编译器支持代码高亮显示，设置方法如下：
1.页面head引入UEditor类包文件shCore.js、shCoreDefault.css代码
（注：引入文件路径根据需求变更即可）
2.新增js代码
刷新页面，就可以看到页面代码高亮显示。