Awesome
<p align="center"> <a href="https://pub.dev/packages/flutter_gen"> <img src="https://github.com/wasabeef/richeditor-android/raw/master/art/logo.png" width="480px"/> </a> </p> <p align="center"> <a href="https://android-arsenal.com/details/1/1696"> <img src="https://img.shields.io/badge/Android%20Arsenal-richeditor--android-brightgreen.svg?style=flat"> </a> <a href="https://www.apache.org/licenses/LICENSE-2.0"> <img src="https://img.shields.io/badge/license-Apache%202-blue.svg" /> </a> <a href="https://search.maven.org/artifact/jp.wasabeef/richeditor-android"> <img src="https://maven-badges.herokuapp.com/maven-central/jp.wasabeef/richeditor-android/badge.svg" /> </a> </p>RichEditor for Android is a beautiful Rich Text WYSIWYG Editor for Android.
- Looking for iOS? Check out cjwirth/RichEditorView
Supported Functions
- Bold
- Italic
- Subscript
- Superscript
- Strikethrough
- Underline
- Justify Left
- Justify Center
- Justify Right
- Blockquote
- Heading 1
- Heading 2
- Heading 3
- Heading 4
- Heading 5
- Heading 6
- Undo
- Redo
- Indent
- Outdent
- Insert Image
- Insert Youtube
- Insert Video
- Insert Audio
- Insert Link
- Checkbox
- Text Color
- Text Background Color
- Text Font Size
- Unordered List (Bullets)
- Ordered List (Numbers)
Attribute change of editor
- Font Size
- Background Color
- Width
- Height
- Placeholder
- Load CSS
- State Callback
Milestone
- Font Family
Demo
How do I use it?
Setup
Gradle
repositories {
mavenCentral()
}
dependencies {
implementation 'jp.wasabeef:richeditor-android:2.0.0'
}
Default Setting for Editor
Height
editor.setEditorHeight(200);
Font
editor.setEditorFontSize(22);
editor.setEditorFontColor(Color.RED);
Background
editor.setEditorBackgroundColor(Color.BLUE);
editor.setBackgroundColor(Color.BLUE);
editor.setBackgroundResource(R.drawable.bg);
editor.setBackground("https://raw.githubusercontent.com/wasabeef/art/master/chip.jpg");
Padding
editor.setPadding(10, 10, 10, 10);
Placeholder
editor.setPlaceholder("Insert text here...");
Others
Please refer the samples for usage.
Functions for ContentEditable
Bold
editor.setBold();
Italic
editor.setItalic();
Insert Image
editor.insertImage("https://raw.githubusercontent.com/wasabeef/art/master/twitter.png","twitter");
Text Change Listener
RichEditor editor = (RichEditor) findViewById(R.id.editor);
editor. setOnTextChangeListener(new RichEditor.OnTextChangeListener() {
@Override
public void onTextChange(String text) {
// Do Something
Log.d("RichEditor", "Preview " + text);
}
});
Others
Please refer the samples for usage.
Requirements
Android 4+
Applications using RichEditor for Android
Please ping me or send a pull request if you would like to be added here.
| Icon | Application |
|---|---|
| <img src="https://lh6.ggpht.com/6zKH_uQY1bxCwXL4DLo_uoFEOXdShi3BgmN6XRHlaJ-oA1svmq6y1PZkmO50nWQn2Lg=w300-rw" width="48" height="48" /> | Ameba Ownd |
| <img src="https://lh3.googleusercontent.com/st_DiIlM148vzG23ccujtBzx0tMeb7cDC5fDmLSERS-Nr8M_F-PTw4W_jWJsH9mO_b4=w300-rw" width="48" height="48" /> | ScorePal |
Developed By
Daichi Furiya (Wasabeef) - dadadada.chop@gmail.com
<a href="https://twitter.com/wasabeef_jp"> <img alt="Follow me on Twitter" src="https://raw.githubusercontent.com/wasabeef/art/master/twitter.png" width="75"/> </a>Thanks
- Inspired by
ZSSRichTextEditorin nnhubbard.
License
Copyright (C) 2020 Wasabeef
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.