how can add Rich text editor in  reactive web project
Question
Application Type
Reactive

what is the steps to add  rich text editor in reactive web project

and save content for rich text editor

Solution

Hi Andrew,

I can understand the problem while saving editor value to DB, that Input returns null. Instead of assigning direct variable approach the method  with JS. 

Please find the URL : https://saravanan-gamechanger.outsystemscloud.com/TEST/TextEditor?_ts=637560370451764605

and OML for reference. 

Note: Since CK editor passes values with default HTML tags, use replace function in outsystems  according to your need.

Regards,

Saravanan 

TESTCKEDITOR08052021.oml

i need when i display data from an entity 

i need display it without html code 


how can do this 

Try to use a nested replace function bypassing your text as a source.

check this URL: https://saravanan-gamechanger.outsystemscloud.com/TEST/TextEditor?_ts=637561661246549487

Example : 

Replace(Replace(Replace(Replace(GetTextEditors.List.Current.TEXT_EDITOR.TEXT,"<p>",""),"</p>",""),"<li>",""),"</li>","")

build your logic like this.


can upload this  function in the demo

TESTCKEDITOR09052021.oml

if i need edit the text 

how can do this

So, I think you will use the forge component CKEditor Reactive.

To use, you have here a brief explanation

https://www.outsystems.com/forums/discussion/54611/is-there-any-documentation-on-how-to-use-this-component/

"You can check the demo app and find the sample to use this component. When you click the display HTML button it calls an action that extracts the HTML content to be displayed into a web block HTML viewer available into this component too. So, you can use this content to be saved in the database.

To display you need only to put the web block and send the HTML content you read from dB as a parameter. "

Also, you have another topic saying how to use just some features and not all the features.
https://www.outsystems.com/forums/discussion/13128/config/

i need when i click button (diplay html) 

save content of ckeditor in an entity (TextEditor)

how can do this as like oml attachment 

CkEditor.oml

Can you explain a bit more what it is you want to achieve?

The display part is clear but what do you want to save? The html content to the database?

If you have an entity with the right attribute (text or binary data) then you can easily use that entity to save.

i need save any thing write in side this CKEditor

when i click display html 


save it in an entity 

how can do this


Solution

Hi Andrew,

I can understand the problem while saving editor value to DB, that Input returns null. Instead of assigning direct variable approach the method  with JS. 

Please find the URL : https://saravanan-gamechanger.outsystemscloud.com/TEST/TextEditor?_ts=637560370451764605

and OML for reference. 

Note: Since CK editor passes values with default HTML tags, use replace function in outsystems  according to your need.

Regards,

Saravanan 

TESTCKEDITOR08052021.oml

i need when i display data from an entity 

i need display it without html code 


how can do this 

Try to use a nested replace function bypassing your text as a source.

check this URL: https://saravanan-gamechanger.outsystemscloud.com/TEST/TextEditor?_ts=637561661246549487

Example : 

Replace(Replace(Replace(Replace(GetTextEditors.List.Current.TEXT_EDITOR.TEXT,"<p>",""),"</p>",""),"<li>",""),"</li>","")

build your logic like this.


can upload this  function in the demo

TESTCKEDITOR09052021.oml

if i need edit the text 

how can do this

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.