QRichText

效果图

效果图1 效果图2

添加依赖

1. 在项目根目录的build.gradle中添加如下语句

    allprojects {
        repositories {
            ...
            maven { url 'https://jitpack.io' }
        }
    }

2. 在module下的build.gradle中添加如下语句

    dependencies {
            implementation 'com.github.Gennki:QRichText:v1.0.3'
    }

使用方法

1. xml布局如下:

<cn.qzb.richeditor.RichEditor
        android:id="@+id/editor"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

2. 在Activity的onCreate中初始化RichEditor

// init rich text editor
val re = RE.getInstance(editor)
re.setPlaceHolder("Input text here...")
re.setPadding(20, 20, 20, 20)
re.setTextBackgroundColor(Color.WHITE)

3. 常用api

Api	说明
re.getHtml()	获取富文本html代码
re.setBold()	加粗的时候调用这个方法为取消加粗,没有加粗的时候调用这个方法为加粗
re.setItalic()	斜体,使用方法和加粗相同
re.setUnderLine()	下划线,使用方法和加粗相同
re.setTextSize(fontSize)	字号大小,fontSize范围为1~7的整数
re.insertImage(url, alt, imageWidthPercent)	url为图片路径,alt为图片下方显示的说明文字,暂时不支持,imageWidthPercent为图片宽度占一屏幕的百分比,默认为100
re.setTextColor(color)	设置字体颜色
re.setTextBackgroundColor(color)	设置字体背景颜色
re.moveToEndEdit()	使用场景一般为要编辑某段富文本的时候,刚进入页面的时候,光标要显示到最后,并且编辑框的内容也要滑动到底部, 需要注意的是,刚进入页面的时候马上调用此方法可能会无效,因为页面还没有渲染好 最好延时几百毫秒后调用