Android Tutorial [B4X] WebView + CKEditor (rich text editor)

This is a cross platform example that adds CKEditor rich text editor using WebView: https://ckeditor.com/ckeditor-5/
Make sure to read CKEditor licensing and pricing: https://ckeditor.com/pricing/ (related discussion: https://www.b4x.com/android/forum/threads/rich-editor-that-will-load-html.133256/#post-842092)

It also shows how to get the html string using this useful sub:

Private Sub RunJavaScript (js As String) As ResumableSub
    #if B4A
    WebViewExtras1.executeJavascript(WebView1, $"B4A.CallSub('Process_HTML', true, ${js})"$)
    Wait For Process_Html(html As String)
    Return html
    #Else If B4J
    Return WebView1.As(JavaObject).RunMethodJO("getEngine", Null).RunMethod("executeScript", Array(js))
    #Else If B4i
    Dim sf As Object = WebView1.EvaluateJavaScript(js)
    Wait For (sf) WebView1_JSComplete (Success As Boolean, Result As String)
    Return Result
    #end if
End Sub

It will require more work to make it actually useful but it should be a good start for anyone who is looking for a cross platform rich text editor.

Download link: www.b4x.com/android/files/CKEditor.zip
B4A depends on WebViewExtras: https://www.b4x.com/android/forum/threads/12453/#content
B4J requires Java 14. Link is available here: https://www.b4x.com/android/forum/threads/b4j-v8-30-beta-is-available-for-download.117877/#content

 

[Blueforcer]

All of the assetsfile are empty (0kb)

 

[Erel]

Try to run it. It will work.

The files are synchronized during compilation. The actual files are in the Shared Files folder.

 

[B4XDev]

Download link: www.b4x.com/android/files/CKEditor.zip

The download link is not working for me. Nothing happens when I click it in Brave browser.

Trying it in Edge browser shows a security warning.

I was ultimately able to get past that and download it, but I haven't had that security warning before when downloading stuff from the forum.

 

[aeric]

Maybe try copy the url and then add https in front.

 

[B4XDev]

Maybe try copy the url and then add https in front.

That made it work! I guess the link in the post should be updated.

 

[XorAndOr]

I guess the link in the post should be updated.

with firefox (default), chrome, edge, for me it's ok

 

[Erel]

I've updated the link.

 

[Toky Olivier]

Hello, it seems that this sample doesn't work correctly anymore:
For example:
- Error on RunJavaScript function
- We may need to Initialize WebViewExtras1

 

[Erel]

I've just downloaded and ran it. Everything works. For further discussion, please start a new thread and provide more information.