代码地址如下：
http://www.demodashi.com/demo/14883.html

一、运行效果图

二、代码具体实现

1.引入richeditor-android
  1. richeditor-android需要的jar：
  2. implementation 'jp.wasabeef:richeditor-android:1.2.2'
  4. 这是一个Dialog框架，demo中不想自己去写，所以就使用了第三方
  5. implementation 'com.afollestad.material-dialogs:core:0.9.6.0'
2.引入控件RichEditor
  1. <jp.wasabeef.richeditor.RichEditor
  2.         android:id="@+id/editor"
  3.         android:layout_width="match_parent"
  4.         android:layout_height="wrap_content" />
3.使用到的权限

如果拍照需要相机权限，选择图片需要SD卡权限，插入网络图片需要网络权限

  1. <uses-permission android:name="android.permission.CAMERA" />
  2. <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
  3. <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
  4. <uses-permission android:name="android.permission.INTERNET" />
4.初始化RichEditor
  1. mEditor = (RichEditor) findViewById(R.id.editor);
  3. //初始化编辑高度
  4. mEditor.setEditorHeight(200);
  5. //初始化字体大小
  6. mEditor.setEditorFontSize(22);
  7. //初始化字体颜色
  8. mEditor.setEditorFontColor(Color.BLACK);
  9. //mEditor.setEditorBackgroundColor(Color.BLUE);
  11. //初始化内边距
  12. mEditor.setPadding(10, 10, 10, 10);
  13. //设置编辑框背景，可以是网络图片
  14. //mEditor.setBackground("https://raw.githubusercontent.com/wasabeef/art/master/chip.jpg");
  15. // mEditor.setBackgroundColor(Color.BLUE);
  16. mEditor.setBackgroundResource(R.drawable.bg);
  17. //设置默认显示语句
  18. mEditor.setPlaceholder("Insert text here...");
  19. //设置编辑器是否可用
  20. mEditor.setInputEnabled(true);
5.实时监听Editor输入内容
  1. mPreview = (TextView) findViewById(R.id.preview);
  2.         mEditor.setOnTextChangeListener(new RichEditor.OnTextChangeListener() {
  3.             @Override
  4.             public void onTextChange(String text) {
  5.                 mPreview.setText(text);
  6.             }
  7.         });
6.功能方法
  1.      /**
  2.          * 撤销当前标签状态下所有内容
  3.          */
  4.         findViewById(R.id.action_undo).setOnClickListener(new View.OnClickListener() {
  5.             @Override
  6.             public void onClick(View v) {
  7.                 mEditor.undo();
  8.             }
  9.         });
  10.         /**
  11.          * 恢复撤销的内容
  12.          */
  13.         findViewById(R.id.action_redo).setOnClickListener(new View.OnClickListener() {
  14.             @Override
  15.             public void onClick(View v) {
  16.                 mEditor.redo();
  17.             }
  18.         });
  19.         /**
  20.          * 加粗
  21.          */
  22.         findViewById(R.id.action_bold).setOnClickListener(new View.OnClickListener() {
  24.             @Override
  25.             public void onClick(View v) {
  26.                 mEditor.focusEditor();
  27.                 mEditor.setBold();
  28.             }
  29.         });
  30.         /**
  31.          * 斜体
  32.          */
  33.         findViewById(R.id.action_italic).setOnClickListener(new View.OnClickListener() {
  35.             @Override
  36.             public void onClick(View v) {
  37.                 mEditor.focusEditor();
  38.                 mEditor.setItalic();
  39.             }
  40.         });
  41.         /**
  42.          * 下角表
  43.          */
  44.         findViewById(R.id.action_subscript).setOnClickListener(new View.OnClickListener() {
  45.             @Override
  46.             public void onClick(View v) {
  47.                 mEditor.focusEditor();
  48.                 if (mEditor.getHtml() == null) {
  49.                     return;
  50.                 }
  51.                 mEditor.setSubscript();
  52.             }
  53.         });
  54.         /**
  55.          * 上角标
  56.          */
  57.         findViewById(R.id.action_superscript).setOnClickListener(new View.OnClickListener() {
  58.             @Override
  59.             public void onClick(View v) {
  60.                 mEditor.focusEditor();
  61.                 if (mEditor.getHtml() == null) {
  62.                     return;
  63.                 }
  64.                 mEditor.setSuperscript();
  65.             }
  66.         });
  68.         /**
  69.          * 删除线
  70.          */
  71.         findViewById(R.id.action_strikethrough).setOnClickListener(new View.OnClickListener() {
  72.             @Override
  73.             public void onClick(View v) {
  74.                 mEditor.focusEditor();
  75.                 mEditor.setStrikeThrough();
  76.             }
  77.         });
  78.         /**
  79.          *下划线
  80.          */
  81.         findViewById(R.id.action_underline).setOnClickListener(new View.OnClickListener() {
  82.             @Override
  83.             public void onClick(View v) {
  84.                 mEditor.focusEditor();
  85.                 mEditor.setUnderline();
  86.             }
  87.         });
  88.         /**
  89.          * 设置标题（1到6）
  90.          */
  91.         findViewById(R.id.action_heading1).setOnClickListener(new View.OnClickListener() {
  92.             @Override
  93.             public void onClick(View v) {
  94.                 mEditor.setHeading(1);
  95.             }
  96.         });
  98.         findViewById(R.id.action_heading2).setOnClickListener(new View.OnClickListener() {
  99.             @Override
  100.             public void onClick(View v) {
  101.                 mEditor.setHeading(2);
  102.             }
  103.         });
  105.         findViewById(R.id.action_heading3).setOnClickListener(new View.OnClickListener() {
  106.             @Override
  107.             public void onClick(View v) {
  108.                 mEditor.setHeading(3);
  109.             }
  110.         });
  112.         findViewById(R.id.action_heading4).setOnClickListener(new View.OnClickListener() {
  113.             @Override
  114.             public void onClick(View v) {
  115.                 mEditor.setHeading(4);
  116.             }
  117.         });
  119.         findViewById(R.id.action_heading5).setOnClickListener(new View.OnClickListener() {
  120.             @Override
  121.             public void onClick(View v) {
  122.                 mEditor.setHeading(5);
  123.             }
  124.         });
  126.         findViewById(R.id.action_heading6).setOnClickListener(new View.OnClickListener() {
  127.             @Override
  128.             public void onClick(View v) {
  129.                 mEditor.setHeading(6);
  130.             }
  131.         });
  132.         /**
  133.          * 设置字体颜色
  134.          */
  135.         findViewById(R.id.action_txt_color).setOnClickListener(new View.OnClickListener() {
  136.             @Override
  137.             public void onClick(View v) {
  138.                 mEditor.focusEditor();
  139.                 new MaterialDialog.Builder(MainActivity.this)
  140.                         .title("选择字体颜色")
  141.                         .items(R.array.color_items)
  142.                         .itemsCallbackSingleChoice(-1, new MaterialDialog.ListCallbackSingleChoice() {
  143.                             @Override
  144.                             public boolean onSelection(MaterialDialog dialog, View itemView, int which, CharSequence text) {
  146.                                 dialog.dismiss();
  147.                                 switch (which) {
  148.                                     case 0://红
  149.                                         mEditor.setTextColor(Color.RED);
  150.                                         break;
  151.                                     case 1://黄
  152.                                         mEditor.setTextColor(Color.YELLOW);
  153.                                         break;
  154.                                     case 2://蓝
  155.                                         mEditor.setTextColor(Color.GREEN);
  156.                                         break;
  157.                                     case 3://绿
  158.                                         mEditor.setTextColor(Color.BLUE);
  159.                                         break;
  160.                                     case 4://黑
  161.                                         mEditor.setTextColor(Color.BLACK);
  162.                                         break;
  163.                                 }
  164.                                 return false;
  165.                             }
  166.                         }).show();
  167.             }
  168.         });
  170.         findViewById(R.id.action_bg_color).setOnClickListener(new View.OnClickListener() {
  171.             @Override
  172.             public void onClick(View v) {
  173.                 mEditor.focusEditor();
  174.                 new MaterialDialog.Builder(MainActivity.this)
  175.                         .title("选择字体背景颜色")
  176.                         .items(R.array.text_back_color_items)
  177.                         .itemsCallbackSingleChoice(-1, new MaterialDialog.ListCallbackSingleChoice() {
  178.                             @Override
  179.                             public boolean onSelection(MaterialDialog dialog, View itemView, int which, CharSequence text) {
  181.                                 dialog.dismiss();
  182.                                 switch (which) {
  183.                                     case 0://红
  184.                                         mEditor.setTextBackgroundColor(Color.RED);
  185.                                         break;
  186.                                     case 1://黄
  187.                                         mEditor.setTextBackgroundColor(Color.YELLOW);
  188.                                         break;
  189.                                     case 2://蓝
  190.                                         mEditor.setTextBackgroundColor(Color.GREEN);
  191.                                         break;
  192.                                     case 3://绿
  193.                                         mEditor.setTextBackgroundColor(Color.BLUE);
  194.                                         break;
  195.                                     case 4://黑
  196.                                         mEditor.setTextBackgroundColor(Color.BLACK);
  197.                                         break;
  198.                                     case 5://透明
  199.                                         mEditor.setTextBackgroundColor(R.color.transparent);
  200.                                         break;
  201.                                 }
  202.                                 return false;
  203.                             }
  204.                         }).show();
  206.             }
  207.         });
  208.         /**
  209.          * 向右缩进
  210.          */
  211.         findViewById(R.id.action_indent).setOnClickListener(new View.OnClickListener() {
  212.             @Override
  213.             public void onClick(View v) {
  214.                 mEditor.focusEditor();
  215.                 mEditor.setIndent();
  216.             }
  217.         });
  218.         /**
  219.          * 向左缩进
  220.          */
  221.         findViewById(R.id.action_outdent).setOnClickListener(new View.OnClickListener() {
  222.             @Override
  223.             public void onClick(View v) {
  224.                 mEditor.focusEditor();
  225.                 mEditor.setOutdent();
  226.             }
  227.         });
  228.         /**
  229.          *文章左对齐
  230.          */
  231.         findViewById(R.id.action_align_left).setOnClickListener(new View.OnClickListener() {
  232.             @Override
  233.             public void onClick(View v) {
  234.                 mEditor.focusEditor();
  235.                 mEditor.setAlignLeft();
  236.             }
  237.         });
  238.         /**
  239.          * 文章居中对齐
  240.          */
  241.         findViewById(R.id.action_align_center).setOnClickListener(new View.OnClickListener() {
  242.             @Override
  243.             public void onClick(View v) {
  244.                 mEditor.setAlignCenter();
  245.             }
  246.         });
  247.         /**
  248.          * 文章右对齐
  249.          */
  250.         findViewById(R.id.action_align_right).setOnClickListener(new View.OnClickListener() {
  251.             @Override
  252.             public void onClick(View v) {
  253.                 mEditor.setAlignRight();
  254.             }
  255.         });
  256.         /**
  257.          * 无序排列
  258.          */
  259.         findViewById(R.id.action_insert_bullets).setOnClickListener(new View.OnClickListener() {
  260.             @Override
  261.             public void onClick(View v) {
  262.                 mEditor.setBullets();
  263.             }
  264.         });
  265.         /**
  266.          * 有序排列
  267.          */
  268.         findViewById(R.id.action_insert_numbers).setOnClickListener(new View.OnClickListener() {
  269.             @Override
  270.             public void onClick(View v) {
  271.                 mEditor.setNumbers();
  272.             }
  273.         });
  274.         /**
  275.          * 引用
  276.          */
  277.         findViewById(R.id.action_blockquote).setOnClickListener(new View.OnClickListener() {
  278.             @Override
  279.             public void onClick(View v) {
  280.                 mEditor.setBlockquote();
  281.             }
  282.         });
  284.         /**
  285.          * 插入图片
  286.          */
  287.         findViewById(R.id.action_insert_image).setOnClickListener(new View.OnClickListener() {
  288.             @Override
  289.             public void onClick(View v) {
  290.                 mEditor.focusEditor();
  291.                 ActivityCompat.requestPermissions(MainActivity.this, mPermissionList, 100);
  292.             }
  293.         });
  294.         /**
  295.          * 插入连接
  296.          */
  297.         findViewById(R.id.action_insert_link).setOnClickListener(new View.OnClickListener() {
  298.             @Override
  299.             public void onClick(View v) {
  300.                 new MaterialDialog.Builder(MainActivity.this)
  301.                         .title("将输入连接地址")
  302.                         .items("http://blog.csdn.net/huangxiaoguo1")
  303.                         .itemsCallbackSingleChoice(-1, new MaterialDialog.ListCallbackSingleChoice() {
  304.                             @Override
  305.                             public boolean onSelection(MaterialDialog dialog, View itemView, int which, CharSequence text) {
  306.                                 dialog.dismiss();
  307.                                 mEditor.focusEditor();
  308.                                 mEditor.insertLink("http://blog.csdn.net/huangxiaoguo1",
  309.                                         "http://blog.csdn.net/huangxiaoguo1");
  310.                                 return false;
  311.                             }
  312.                         }).show();
  313.             }
  314.         });
  315.         /**
  316.          * 选择框
  317.          */
  318.         findViewById(R.id.action_insert_checkbox).setOnClickListener(new View.OnClickListener() {
  319.             @Override
  320.             public void onClick(View v) {
  321.                 mEditor.focusEditor();
  322.                 mEditor.insertTodo();
  323.             }
  324.         });
  326.         /**
  327.          * 获取并显示Html
  328.          */
  329.         findViewById(R.id.tv_showhtml).setOnClickListener(new View.OnClickListener() {
  330.             @Override
  331.             public void onClick(View v) {
  332.                 Intent intent = new Intent(v.getContext(), WebViewActivity.class);
  333.                 intent.putExtra("contextURL", mEditor.getHtml());
  334.                 startActivity(intent);
  335.             }
  336.         });
7.插入图片并使用屏幕宽度

  1. 权限，我这里只是选着图片，关于拍照的自己可以去实现
  3.   String[] mPermissionList = new String[]{
  4.             Manifest.permission.WRITE_EXTERNAL_STORAGE,
  5.             Manifest.permission.READ_EXTERNAL_STORAGE};
  1. @Override
  2.     public void onRequestPermissionsResult(int requestCode, @NonNull String[] permissions, @NonNull int[] grantResults) {
  3.         super.onRequestPermissionsResult(requestCode, permissions, grantResults);
  4.         switch (requestCode) {
  5.             case 100:
  6.                 boolean writeExternalStorage = grantResults[0] == PackageManager.PERMISSION_GRANTED;
  7.                 boolean readExternalStorage = grantResults[1] == PackageManager.PERMISSION_GRANTED;
  8.                 if (grantResults.length > 0 && writeExternalStorage && readExternalStorage) {
  9.                     getImage();
  10.                 } else {
  11.                     Toast.makeText(this, "请设置必要权限", Toast.LENGTH_SHORT).show();
  12.                 }
  14.                 break;
  15.         }
  16.     }
  18.     private void getImage() {
  19.         if (Build.VERSION.SDK_INT < Build.VERSION_CODES.KITKAT) {
  20.             startActivityForResult(new Intent(Intent.ACTION_GET_CONTENT).setType("image/*"),
  21.                     REQUEST_PICK_IMAGE);
  22.         } else {
  23.             Intent intent = new Intent(Intent.ACTION_OPEN_DOCUMENT);
  24.             intent.addCategory(Intent.CATEGORY_OPENABLE);
  25.             intent.setType("image/*");
  26.             startActivityForResult(intent, REQUEST_PICK_IMAGE);
  27.         }
  28.     }
  30.     @Override
  31.     protected void onActivityResult(int requestCode, int resultCode, Intent data) {
  32.         super.onActivityResult(requestCode, resultCode, data);
  33.         if (resultCode == Activity.RESULT_OK) {
  34.             switch (requestCode) {
  35.                 case REQUEST_PICK_IMAGE:
  36.                     if (data != null) {
  37.                         String realPathFromUri = RealPathFromUriUtils.getRealPathFromUri(this, data.getData());
  38.                         mEditor.insertImage("https://unsplash.it/2000/2000?random&58",
  39.                                 "huangxiaoguo\" style=\"max-width:100%");
  40.                         mEditor.insertImage(realPathFromUri, realPathFromUri + "\" style=\"max-width:100%");
  41. //                        mEditor.insertImage(realPathFromUri, realPathFromUri + "\" style=\"max-width:100%;max-height:100%");
  43.                     } else {
  44.                         Toast.makeText(this, "图片损坏，请重新选择", Toast.LENGTH_SHORT).show();
  45.                     }
  47.                     break;
  48.             }
  49.         }
  50.     }

注意这里 “\” style=\”max-width:100%”是让我们从手机选择的图片和网络加载的图片适配屏幕宽高，解决图片太大显示不全问题！

三、项目代码结构目录图

四、参考文章

richeditor-android github地址：https://github.com/wasabeef/richeditor-android

关于如何获得手机图片真正地址（realPathFromUri ）请看：http://blog.csdn.net/huangxiaoguo1/article/details/78983582

移动端强大的富文本编辑器richeditor-android

代码地址如下：
http://www.demodashi.com/demo/14883.html

注：本文著作权归作者，由demo大师代发，拒绝转载，转载需要作者授权

移动端强大的富文本编辑器richeditor-android的更多相关文章

  1. 富文本编辑器 - RichEditor

    基本功能 RichEditor 是一个继承自 WebView 的自己定义 view,枚举类型 Type 定了它所支持的排版格式: public enum Type { BOLD, ITALIC, SU ...

  2. 10个免费的javascript富文本编辑器（jQuery and non-jQuery）

    祝愿园子里的朋友圣诞节快乐. 本文介绍了10个免费易用富文本编辑器(rich text editors,RTE),其中5个是Jquery插件,另外5个是非Jquery富文本编辑器 简介 Javascr ...

  3. Vue集成tinymce富文本编辑器并实现本地化指南（2019.11.21最新）

     tinymce是一款综合口碑特别好.功能异常强大的富文本编辑器,在某些网站,甚至享有"宇宙最强富文本编辑器"的称号.那么,在Vue项目中如何集成呢?这并不困难,只需要参照官方教程 ...

  4. 现代富文本编辑器Quill的模块化机制

    DevUI是一支兼具设计视角和工程视角的团队,服务于华为云DevCloud平台和华为内部数个中后台系统,服务于设计师和前端工程师.官方网站:devui.designNg组件库:ng-devui(欢迎S ...

  5. 现代富文本编辑器Quill的内容渲染机制

    DevUI是一支兼具设计视角和工程视角的团队,服务于华为云DevCloud平台和华为内部数个中后台系统,服务于设计师和前端工程师.官方网站:devui.designNg组件库:ng-devui(欢迎S ...

  6. 移动端富文本编辑器artEditor

    摘要: 由于手机上打字比较慢,并不适合长篇大论的文章,所以移动端的富文本编辑器很少.artEditor是一款基于jQuery的移动端富文本编辑器,支持插入图片,后续完善其他功能. 插件地址:https ...

  7. quilljs 一款简单轻量的富文本编辑器（适合移动端）

    quilljs入门使用教程: quill.js是一款强大的现代富文本编辑器插件.该富文本编辑器插件支持所有的现代浏览器.平板电脑和手机.它提供了文本编辑器的所有功能,并为开发者提供大量的配置参数和方法 ...

  8. zx-editor 移动端（HTML5）富文本编辑器，可与原生App混合(hybrid)开发

    ZxEditor 移动端HTML文档(富文本)编辑器,支持图文混排.引用.大标题.无序列表,字体颜色.加粗.斜体. 可用于独立web项目开发,也可以用于与原生App混合(hybrid)开发. 源码地址 ...

  9. 关于移动手机端富文本编辑器qeditor图片上传改造

    日前项目需要在移动端增加富文本编辑,上网找了下,大多数都是针对pc版的,不太兼容手机,当然由于手机屏幕小等原因也限制富文本编辑器的众多强大功能,所以要找的编辑器功能必须是精简的. 找了好久,发现qed ...

随机推荐

  1. 接口隔离原则（Interface Segregation Principle，ISP）

    接口隔离原则: 1.使用多个专门的接口比使用单一的总接口要好. 2.一个类对另外一个类的依赖性应当是建立在最小的接口上的. 3.一个接口代表一个角色,不应当将不同的角色都交给一个接口.没有关系的接口合 ...

  2. 基于libnids的TCP数据流的还原(多线程实现) .

    我们知道,libnids本身可以实现TCP数据流的重组,但是如果一个TCP流数据量比较大的时候,就会分成好多个TCP报文段,这些报文段在网络中的传播可能是乱序的,利用libnids可以帮助我们按顺序接 ...

  3. 25个可遇不可求的jQuery插件

    随着jQuery插件在网站建设过程中的使用率不断的增加,所以有必要跟进时代步伐开发出一些新的插件/代码片段,以此来巩固并提高前端用户体验,将用户体验提升到一个新的高度. 接下来所推荐的这些插件中有滑块 ...

  4. 原生JS实现new方法、new一个对象发生的四部、new里面常用的优先级

    一.js中new一个对象的过程 首先了解new做了什么,使用new关键字调用函数(new ClassA(…))的具体步骤: 1.创建一个新对象: var obj = {}; 2.设置新对象的const ...

  5. TNTSearch 轻量级全文索引 + 中文分词

    TNTSearch 轻量级全文索引+中文分词 选用 TNTSearch 的原因:轻,方便移植,不需要额外安装服务,能减少后期维护的工作量.搜索的效果也还不错,可以满足大多数项目场景,如果对性能和精准度 ...

  6. 添加PMD插件扫描潜在的bug

    上一节使用checkstyle来规范你的项目主要解决了代码编码规范问题,比如缩进换行等.这次继续代码健康工具类PMD. 什么是PMD PMD真的不像checkstyle这样的东西所见即所得啊,去官网找 ...

  7. 如何实现Linux+Windows双系统启动

    设置你的计算机根据需要启动 Windows 10 或 Ubuntu 18.04. 尽管 Linux 是一个有着广泛的硬件和软件支持的操作系统,但事实上有时你仍需要使用 Windows,也许是因为有些不 ...

  8. Kafka：ZK+Kafka+Spark Streaming集群环境搭建（八）安装zookeeper-3.4.12

    如何搭建配置centos虚拟机请参考<Kafka:ZK+Kafka+Spark Streaming集群环境搭建(一)VMW安装四台CentOS,并实现本机与它们能交互,虚拟机内部实现可以上网.& ...

  9. 转：ffmpeg time_base详解

    ffmpeg time_base详解 https://my.oschina.net/u/3054677/blog/866368

  10. HttpWebRequest: Remote server returns error 503 Server Unavailable

      I have a client server application written in C# .Net 2.0. I have had the client/server response/r ...