All Projects → huzhenjie → Richtexteditor

huzhenjie / Richtexteditor

Rich text editor lib for android. (Img support) - 富文本编辑器(支持图片)

Programming Languages

java
68154 projects - #9 most used programming language

Projects that are alternatives of or similar to Richtexteditor

Flutter Quill
Rich text editor for Flutter
Stars: ✭ 177 (+2.91%)
Mutual labels:  editor, rich-text-editor, rich-text
Text
📑 Collaborative document editing using Markdown
Stars: ✭ 282 (+63.95%)
Mutual labels:  editor, rich-text-editor, rich-text
Angular Editor
A simple native WYSIWYG editor component for Angular 6 -10+
Stars: ✭ 428 (+148.84%)
Mutual labels:  editor, rich-text-editor, rich-text
Megadraft
Megadraft is a Rich Text editor built on top of Facebook's Draft.JS featuring a nice default base of components and extensibility
Stars: ✭ 982 (+470.93%)
Mutual labels:  editor, rich-text-editor
Awesome Medium Editor
Medium.com WYSIWYG editor clone, with RTL support.
Stars: ✭ 12 (-93.02%)
Mutual labels:  editor, rich-text-editor
Quill
Quill is a modern WYSIWYG editor built for compatibility and extensibility.
Stars: ✭ 31,554 (+18245.35%)
Mutual labels:  editor, rich-text-editor
Element Tiptap
🌸A modern WYSIWYG rich-text editor using tiptap and Element UI for Vue.js
Stars: ✭ 481 (+179.65%)
Mutual labels:  rich-text-editor, rich-text
Balsa
This repository holds source code of Balsa, a self hosted, privacy focused knowledgebase.
Stars: ✭ 93 (-45.93%)
Mutual labels:  editor, rich-text-editor
Canner Slate Editor
📝Rich Text / WYSIWYG Editor built for Modularity and Extensibility.
Stars: ✭ 1,071 (+522.67%)
Mutual labels:  editor, rich-text-editor
Tinymce
The world's #1 JavaScript library for rich text editing. Available for React, Vue and Angular
Stars: ✭ 10,179 (+5818.02%)
Mutual labels:  editor, rich-text-editor
Awesome Wysiwyg
A curated list of awesome WYSIWYG editors.
Stars: ✭ 1,801 (+947.09%)
Mutual labels:  editor, rich-text-editor
Uncolored
(Un)colored — Next generation desktop rich content editor that saves documents with themes. HTML & Markdown compatible. For Windows, OS X & Linux. — http://n457.github.io/Uncolored/
Stars: ✭ 733 (+326.16%)
Mutual labels:  editor, rich-text-editor
Proton
Purely native and extensible rich text editor for iOS and macOS Catalyst apps
Stars: ✭ 685 (+298.26%)
Mutual labels:  editor, rich-text-editor
Jodit
Jodit - Best WYSIWYG Editor for You
Stars: ✭ 947 (+450.58%)
Mutual labels:  editor, rich-text-editor
Azteceditor Android
A reusable native Android rich text editor component.
Stars: ✭ 518 (+201.16%)
Mutual labels:  editor, rich-text-editor
Tiptap
The headless editor framework for web artisans.
Stars: ✭ 13,629 (+7823.84%)
Mutual labels:  editor, rich-text
React Native Draftjs
A full fledged React Native Rich Text editor based on draft.js
Stars: ✭ 103 (-40.12%)
Mutual labels:  rich-text-editor, rich-text
Mp Html
小程序富文本组件,支持渲染和编辑 html,支持在微信、QQ、百度、支付宝、头条和 uni-app 平台使用
Stars: ✭ 2,027 (+1078.49%)
Mutual labels:  editor, rich-text
Ngx Quill Example
demo app for the advanced usage of ngx-quill module
Stars: ✭ 137 (-20.35%)
Mutual labels:  editor, rich-text-editor
React Quill
A Quill component for React.
Stars: ✭ 4,739 (+2655.23%)
Mutual labels:  editor, rich-text-editor

RichTextEditor

Android 下的富文本编辑器

Features

  • Redo
  • Undo
  • Bold
  • Bullet
  • Clear
  • Italic
  • Quote
  • Underline
  • StrikeThrough
  • Link

Use Glide 4 lib. Support gif

Screenshots

http://biuugames.huya.com/rich_text_editor_preview.gif

How to

Step 1. Add the JitPack repository to your build file

Add it in your root build.gradle at the end of repositories:

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

Step 2. Add the dependency

dependencies {
    compile 'com.github.huzhenjie:RichTextEditor:1.0.4'
}

Example

In your layout

<ScrollView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_above="@id/tools"
    android:layout_alignParentTop="true"
    android:fillViewport="true">

    <com.scrat.app.richtext.RichEditText
        android:id="@+id/rich_text"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@android:color/transparent"
        android:gravity="top|start"
        android:paddingEnd="16dp"
        android:paddingLeft="16dp"
        android:paddingRight="16dp"
        android:paddingStart="16dp"
        android:paddingTop="16dp"
        android:scrollbars="vertical"
        app:bulletColor="#FF2196F3"
        app:bulletGapWidth="8dp"
        app:bulletRadius="2dp"
        app:historyEnable="true"
        app:historySize="99"
        app:linkColor="#FF2196F3"
        app:linkUnderline="true"
        app:quoteCapWidth="2dp"
        app:quoteColor="#FF2196F3"
        app:quoteStripeWidth="8dp" />
</ScrollView>

In your Activity

RichEditText richEditText = (RichEditText) findViewById(R.id.rich_text);
richEditText.fromHtml(yourHtmlStr);

Image

richEditText.image(imageUri);

Bold

richEditText.bold(!richEditText.contains(RichEditText.FORMAT_BOLD));

Italic

richEditText.italic(!richEditText.contains(RichEditText.FORMAT_ITALIC));

Underline

richEditText.underline(!richEditText.contains(RichEditText.FORMAT_UNDERLINED));

Bullet

richEditText.bullet(!richEditText.contains(RichEditText.FORMAT_BULLET));

Quote

richEditText.quote(!richEditText.contains(RichEditText.FORMAT_QUOTE));

More example click here

Important

1.0.3 Glide version 4.3.0
1.0.2 Glide version 3.7.0
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].