How do I remove the richText "symbols"?

Ask the community
,
1

First of all, I apologize for my English, these message have been automatically translated and may contain some inaccuracies.

Moving on, I’m creating a page where the user can insert their text using an HTML component. I managed that the moment the user clicked on the button to update the text he wrote, it would appear in the text component on the side. However it appears with some symbols like

, I wanted to know what would be the way to make the text appear only without the symbols.

In this video I demonstrate, to be easier to explain.

My code is as follows:

export function updateButtonText1_click(event) {
//Send a blank message to the HTML element. This tells the HTML element you want it to send you its contents
$w("#html1").postMessage(" ");
//Receive the message from the HTML element
$w("#html1").onMessage((event) => {
//Create an object named "rich" from the data in the rich text editor to insert into the collection
const rich = {
"richtext": event.data
};

let richtext= event.data
$w('#text1').text = richtext;

//Insert the "rich" object into the collection
wixData.insert("new-collection", rich)
//Log an error if the insert fails
.catch((err) => {
console.log("error", err);
});

});

Once again I apologize for my English, I hope I could understand.

Thank you in advance for any help you can give me
Tomás Martins

2

Instead of doing
$w(‘#text1’).text = richtext; do $w(‘#text1’).html = richtext;

3

Thank you so much.
It worked!!

4

Just one more thing
I simply added this HTML component to my page, made from the code that someone created. So I would like to know if you know of any way to change the height of the component.

Thanks in advance
Tomás Martins