B4A Library RichEditor view

somed3v3loper · Apr 27, 2016

Hello all ,

A wrapper for this library https://github.com/wasabeef/richeditor-android

SMMRichEditor
Author: SMM
Version: 0.05

SMMRichEditor
Events:
- _textchanged (new As String)
- Fields:
- ba As BA
- Methods:
- AddToParent (Parent As ViewGroup, left As Int, top As Int, width As Int, height As Int)
- BringToFront
- DesignerCreateView (base As PanelWrapper, lw As LabelWrapper, props As Map)
- Initialize (EventName As String)
- Invalidate
- Invalidate2 (arg0 As Rect)
- Invalidate3 (arg0 As Int, arg1 As Int, arg2 As Int, arg3 As Int)
- IsInitialized As Boolean
- RemoveView
- RequestFocus As Boolean
- SendToBack
- SetBackgroundImage (arg0 As Bitmap)
- SetColorAnimated (arg0 As Int, arg1 As Int, arg2 As Int)
- SetLayout (arg0 As Int, arg1 As Int, arg2 As Int, arg3 As Int)
- SetLayoutAnimated (arg0 As Int, arg1 As Int, arg2 As Int, arg3 As Int, arg4 As Int)
- SetVisibleAnimated (arg0 As Int, arg1 As Boolean)
- clearFocusEditor
- focusEditor
- insertImage (path As String, alt As String)
- insertLink (url As String, text As String)
- insertTodo
- loadCSS (cssFile As String)
- redo
- removeFormat
- setAlignCenter
- setAlignLeft
- setAlignRight
- setBlockquote
- setBold
- setBullets
- setIndent
- setItalic
- setNumbers
- setOutdent
- setPadding (left As Int, top As Int, width As Int, height As Int)
- setStrikeThrough
- setSubscript
- setSuperscript
- setUnderline
- undo
- Properties:
- Background As Drawable
- Color As Int [write only]
- EditorBackgroundColor As Int [write only]
- EditorFontColor As Int [write only]
- EditorFontSize As Int [write only]
- EditorHeight As Int [write only]
- Enabled As Boolean
- FontSize As Int [write only]
  Font size should have a value between 1-7
- Heading As Int [write only]
- Height As Int
- Html As String
- Left As Int
- Padding()() As Int
- Parent As Object [read only]
- Placeholder As String [write only]
- Tag As Object
- TextBackgroundColor As Int [write only]
- TextColor As Int [write only]
- Top As Int
- Visible As Boolean
- Width As Int

Note : You have to add files in CopytoAssetsFolder.zip to your project's Assets (Add to IDE File tab)

I do not understand html images very well but to insert from Assets use this line

B4X:

re.insertImage("file:///android_asset"&"/txt.png","text")

re is SMMRichEditor

V 2 adds a method (re.Html) to setting or getting HTML
V 0.03 adds TextColor (not tested) requested in post #25

V0.04 added loadCSS(String cssFile) , setBullets() , setNumbers(), focusEditor() , clearFocusEditor()

V0.05 (I have updated library references above )

0.16 I think I wrapped all available methods
There is an ugly sample attached now Sorry for that it is just to get you started

tsteward · Nov 21, 2016

Ok what about ordered or unordered lists?

tsteward · Nov 22, 2016

When I run this library in debug mode I always get file not found error file:///android.asset/editor.html
Is there anyway to get this to work in debug mode?

moster67 · Nov 22, 2016

If you search the forum, you will see that this has been discussed plenty of times, for instance here:
https://www.b4x.com/android/forum/t...g-rapid-”-b4a-3-50-version.38981/#post-230988

tsteward · Nov 23, 2016

Ok please how do I create a list?
Set italics richEd.setItalic
set header richEd.heading = 1

But how do I make an ordered(numbered) or unordered list?

migliore150267 · Jun 27, 2017

Hi,
This editor is fantastic but i can't find this function:
re.TextColor
That is present in the list of supported functions on GitHub.

Can you add it ?

Thanks in advance

somed3v3loper · Jun 28, 2017

migliore150267 said:
Hi,
This editor is fantastic but i can't find this function:
re.TextColor
That is present in the list of supported functions on GitHub.

Can you add it ?

Thanks in advance

Check version 0.03 in first post

migliore150267 · Jun 28, 2017

somed3v3loper said:
Check version 0.03 in first post

Thank you very much, it works perfectly.

somed3v3loper · Jun 29, 2017

tsteward said:
Ok please how do I create a list?
Set italics richEd.setItalic
set header richEd.heading = 1

But how do I make an ordered(numbered) or unordered list?

Really sorry for this long delay
can you try v0.04

migliore150267 · Jun 29, 2017

Hi again,
Sorry for the requests, but you could also add:
re.TextFontSize ?

peacemaker · Jun 29, 2017

Pardon me, but why such lib is needed, if there is CSbuilder possibility to make any "reach" text and images on any label, button....?

somed3v3loper · Jul 1, 2017

migliore150267 said:
Hi again,
Sorry for the requests, but you could also add:
re.TextFontSize ?

Check V0.05 on the first post , it has FontSize As Int[write only]

peacemaker said:
Pardon me, but why such lib is needed, if there is CSbuilder possibility to make any "reach" text and images on any label, button....?

I do not know why it is needed but it is always great to have alternatives

migliore150267 · Jul 2, 2017

somed3v3loper said:
Check V0.05 on the first post , it has FontSize As Int[write only]

Thanks

tsteward · Jul 3, 2017

somed3v3loper said:
Really sorry for this long delay
can you try v0.04

Thank you!!!

Phayao · Oct 30, 2017

Hello,

thanks for this very useful library - I have an addition question:
Is it possible to set the cursor programmatically inside the editor ? Maybe with the use of some javascript ?

Help is very appreciated,

Chris

somed3v3loper · Oct 31, 2017

Phayao said:
Hello,

thanks for this very useful library - I have an addition question:
Is it possible to set the cursor programmatically inside the editor ? Maybe with the use of some javascript ?

Help is very appreciated,

Chris

I don't think this editor has a function to set cursor if you find it here https://github.com/wasabeef/richeditor-android , I will add it to my wrapper .
And I am sorry I am not good at JavaScript

Rusty · Nov 9, 2019

This would be much more friendly if a small sample project was created where it creates the editor and shows how to add/change/delete text...
Rusty

Guenter Becker · Feb 15, 2021

Hello Friend,
good work done but where is the function setbullets?? I like to create ordered and unordered list.

ascot1 · May 31, 2022

Hello,
can someone post a sample project because i can't get it to work ... thanks in advance

S.M.R · Dec 3, 2024

Hi dear
with this lib we can just set align and we cant set direction!

can you add set direction feature (rtl or ltr)?

this feature is very important

can you do it?

thx

somed3v3loper · Dec 4, 2024

S.M.R said:
Hi dear
with this lib we can just set align and we cant set direction!

can you add set direction feature (rtl or ltr)?

this feature is very important

can you do it?

thx

It has align methods but don't expect much regarding rtl support .
If you are familiar with JavaScript + CSS , you might try to edit Assets files .

B4A Library RichEditor view

Attachments

Well-Known Member

Well-Known Member

Expert

Well-Known Member

Member

Well-Known Member

Member

Well-Known Member

Member

Expert

Well-Known Member

Member

Well-Known Member

Active Member

Well-Known Member

Well-Known Member

Active Member

Member

Member

Well-Known Member

Similar Threads

Privacy & Transparency

Privacy & Transparency