RTF isn't displayed in text field as it is in the RTF user input editor

Ask the community
,
1

Using an RTF user input to populate my collection (for user profiles), I tried this:

779×348 9.2 KB

When displaying this to the user using a text field I get:

744×632 16.9 KB

Is there any way to get this to behave closer to wysiwyg? The reason to allow users to use an rtf input editor is to allow them to make their profile look good. But this way it does not end up looking as they expected at all. Is there something I’m doing wrong or I can change to make the input and output look similar?

2

Looks like it’s doing what it should but it’s setting the text with one of your site’s header tags. This is probably a bug, but you might be able to fix it by connecting your text through code instead and splicing off the first and last html tags. (i.e.

and

)

3

Thanks. Is there any way to report a bug to Wix, besides for mentioning it on the forum?
Seems something quite basic though to be broken and not noticed…

4

@deleteduser after some back and forth and wasting time, i finally got the following reply from Wix support:
"To clarify, currently, it is not possible preserve the text formatting submitted to a data collection for RTF. We have noted your feedback and it has been sent to the relevant department for review. However, we are unable to provide a time frame for when this may be available. "

In simpler terms, RTF input does indeed not work properly and is essentially broken and useless for user input as it’s intended…

5

@skmedia I can connect it via code, but splicing off tags defeats the purpose of giving my users the option to use a Rich Text input editor, doesn’t it? I think the problem here is that we can’t align the font and sizes between the input and output. I don’t see how I can fix that via code, but would love to get suggestions…

6

@experimentnoxx From the image you posted, it’s clear the rich text is saving, but is displaying with your site’s default text headers… So if you splice them off, you can add new ones through code with your desired font-type and it will look exactly as it did in the rich text field. For example, you can replace any <h1 or with <h3 and .

7

@deleteduser That’s a wonderful suggestion, thanks! I didn’t think of using it for displaying and didn’t know I can make the toolbar disappear. In addition to what you mentioned, it needs to be set to read-only, and I wasn’t aware there’s such a possibility.
But… although it looks ok on a PC screen, on mobile mode the toolbar is still there… Any way to get rid of it in mobile? Also, in general the RTF field doesn’t display well in mobile. Would love to get your Ninja suggestion on that too.

8

@deleteduser I just noticed you have the same problem on mobile on your example site which you linked to, FYI (did you look a it on mobile? this is probably not what you wanted…)

9

@deleteduser disabled on mobile? Is that a thing? And how do you do that anyway?
I don’t think that’s really a good idea for what I’m trying to achieve, I should probable support mobile. So I’m still a need of a solution. Or I’ll need to stick with plain text, which is not acceptable long term…

10

Is this still an known issue?