在Android开发中,我们不免会遇到富文本的编辑和展示的需求,以下是本人之前star的富文本编辑器的开源项目,供大家参考:

一、RichEditor

开源项目地址:https://github.com/renhui/RichEditor

RichEditor 是本人开源的一个富文本编辑器,功能相对简单,但麻雀虽小五脏俱全,支持了图文混排的编辑方式和展示方式的控件及对应的demo。

核心功能:

图文混排展示,支持图文混排的内容的编辑、保存、展示和再编辑。

内容存储:

内容存储式为HTML格式。
如果只使用首次编辑功能,可以使用RichEditor来编辑,如果需要再编辑功能,建议使用RichEditView。

功能展示:

使用RichEditView作为编辑器的效果如下:

使用RichEditor作为编辑器的效果如下:

使用RichTextView 展示图文效果如下:

二、RTEditor

开源项目地址:https://github.com/1gravity/Android-RTEditor

Android RTEditor是Android的富文本编辑器组件,可用作EditText的插件。

这个编辑器提供了以下字符格式作为选项:

加粗、斜体、下划线、删除线、上标、下标、字体、字号、文字颜色、背景颜色;

支持以下段落格式:

编号、子弹点、左对齐、中间对其、右对齐、链接、图片;

支持如下编辑操作:

撤销、重做

效果图如下:

三、Android-Rich-text-Editor

开源项目地址:https://github.com/chinalwb/Android-Rich-text-Editor

项目用Java实现,应用Android的Span实现富文本多种样式的编辑。

目前支持的样式如下:

  • 加粗 - Bold
  • 斜体 - Italic
  • 下划线 - Underline
  • 删除线 - Strikethrough
  • 有序列表 - Numeric list
  • 无序列表 - Bullet list
  • 左对齐 - Align left
  • 居中对齐 - Align center
  • 右对齐 - Align right
  • 插入图片 - Insert image
  • 文字背景色 - Background color
  • 插入超链接 - Hyper link
  • @功能 - @
  • 引用
  • 文字颜色(前景色)
  • 插入表情
  • 上角标
  • 下角标
  • 字体大小
  • 插入视频
  • 插入网络图片
  • 插入分割线
  • 所有样式均支持导出HTML文件
  • 加载HTML内容并继续编辑或显示

效果图如下:

四、MixtureTextView

开源项目地址:https://github.com/hongyangAndroid/MixtureTextView

支持Android图文混排、文字环绕图片等效果

效果图

一般的展示:

在ListView中:

五、JNote

开源项目地址:https://github.com/Jhuster/JNote

一款支持部分Markdown语法的轻量级便签应用,功能介绍如下

  • 支持笔记的添加、修改、删除等功能
  • 支持部分Markdown语法,可以快捷输入Markdown符号
  • 支持预览Markdown文本,并保存为本地图片

效果图如下:

相关文章介绍:http://blog.51cto.com/ticktick/1693951

RichText 富文本开源项目总结的更多相关文章

  1. vue 富文本编辑器 项目实战用法

    1.挑个富文本编辑器 首先针对自己项目的类型,确定自己要用啥编辑器. 1.1 wangeditor 如果一般类似博客这种项目不需要花里胡哨的,功能也不要求贼多的,推荐一下wangeditor(点击跳转 ...

  2. 支付宝小程序开发——rich-text富文本组件支持html代码

    前言: 与微信小程序不同,支付宝小程序的富文本组件并不能直接支持html代码,如: 如上,支付宝小程序的富文本组件只支持数组类型,html代码需要使用 mini-html-parser 转换,具体用法 ...

  3. flutter richText富文本

    flutter中富文本使用 RichText( text: TextSpan( text: '登陆即同意', style: TextStyle(fontSize: 14, color: Colors. ...

  4. 从零开始, 开发一个 Web Office 套件 (1): 富文本编辑器

    这是一个系列博客, 最终目的是要做一个基于HTML Canvas 的, 类似于微软 Office 的 Web Office 套件, 包括: 文档, 表格, 幻灯片... 等等. 富文本编辑器 万里长征 ...

  5. SNF快速开发平台MVC-富文本控件集成了百度开源项目editor

    一.效果如下: 二.在框架当中调用代码如下: 1.在js里配置如下: <script type="text/javascript"> var viewModel =fu ...

  6. 在 Vue 项目中引入 tinymce 富文本编辑器

    项目中原本使用的富文本编辑器是 wangEditor,这是一个很轻量.简洁编辑器 但是公司的业务升级,想要一个功能更全面的编辑器,我找了好久,目前常见的编辑器有这些: UEditor:百度前端的开源项 ...

  7. 在Asp.Net Core中配置使用MarkDown富文本编辑器实现图片上传和截图上传(开源代码.net core3.0)

    我们的富文本编辑器不能没有图片上传尤其是截图上传,下面我来教大家怎么实现MarkDown富文本编辑器截图上传和图片上传. 1.配置编辑器到html页 <div id="test-edi ...

  8. 在Asp.Net或.Net Core中配置使用MarkDown富文本编辑器有开源模板代码(代码是.net core3.0版本)

    研究如何使用Markdown你们可能要花好几天才能搞定,但是看我的文章或者下载了源码,你搞定一般在10分钟之内.我先给各位介绍下它: Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯 ...

  9. 「newbee-mall新蜂商城开源啦」 页面优化,最新版 wangEditor 富文本编辑器整合案例

    大家比较关心的新蜂商城 Vue3 版本目前已经开发了大部分内容,相信很快就能够开源出来让大家尝鲜了,先让大家看看当前的开发进度: 开源仓库地址为 https://github.com/newbee-l ...

随机推荐

  1. Visual Studio Installer 设置属性简介

    1. 创建安装项目 2.创建项目完成之后,具体各类操作和文件的添加需要自行设置 2.1文件系统 针对文件安装位置,内容进行设置.包括文件,项目输出,程序集 2.2.文件类型(不常用) 设置文件后缀名 ...

  2. 字符模式console usb串口安装centos

    黄色部分是使用console口安装centos需要使用text模式,可以参考前文,同时镜像路径也是需要指定的,来自/dev/sda4 U盘 setparams 'Install CentOS 7' l ...

  3. python AES加密 ECB PKCS5

    class AesEbc16:  # 按块的大小, 一块一块的加密, 明文和密文长度一样 def __init__(self): self.key = b"123qweqqqwerqwer& ...

  4. canvas的使用方法

    了解canvas:canvas标签是用作图形绘制,但是通过js脚本来实现的,canvas标签其实只是一个容器 ,最终实现绘制功能肯定是通过js脚本实现. 首先肯定要定义一个canvas标签当做容器 & ...

  5. java分布式电子商务云平台b2b b2c o2o需要准备哪些技术??

    技术解决方案 开发语言: java.j2ee 数据库:mysql JDK支持版本: JDK1.6.JDK1.7.JDK1.8版本 核心技术:分布式.云服务.微服务.服务编排等. 核心架构: 使用Spr ...

  6. vue中v-for的使用

    本人正在开始学习Vue,每天写写基础的记录,希望对大家有帮助,如有错误还望指出,我也是一个小白,也希望大家能一起进步 v-for指令的使用: 1.循环普通数组 item in list 中的item是 ...

  7. get windows auth code

    public static WindowsIdentityInfo GetWindowsIdentityInfo(HttpContext context) { WindowsIdentityInfo ...

  8. 适用于 iOS、Android 和 Windows 设备的移动设备管理

    适用于 iOS.Android 和 Windows 设备的移动设备管理 随着企业环境中移动设备的数量不断增加,详细检查访问您企业资源的移动设备变得至关重要.统一终端管理软件 Desktop Centr ...

  9. mysql创建新的用户及flush privileges解析

    1.首先以root用户登录到mysql mysql -u root -p 2.接着要知道mysql的用户信息是存储在mysql.user(mysql数据库下的user数据表)下的,所以我们只需添加一个 ...

  10. css响应式

    <meta name="viewport" content="width=devicw-width,initial-scale=1.0"> 响应式图 ...