Problem with Editor and View action

FernandoHumanes

I am very puzzled.

I am using the EDITOR component, it works well for the ADD and EDIT actions, but for VIEW, I don't think I understand the philosophy of its implementation because when I set "readonly: true", it shows the content of the fields without any transformation or a very simple transformation (field datetime).

Also, the "developed components" for processing the fields are executed when it is not in "readonly: true" mode, so this situation cannot be used either.

At this moment I am with a MEMO/TextArea field, which since it is multi-line has "\n" characters, but which does not translate to line breaks.

The problem is that I cannot do the external transformation and generate an HTML that shows what I need, since it "escapes" all the texts.

What is planned for these cases?

Helga

Hi,

The readonly mode of Editor is supposed to output simple field values. It tries to guess possible transformations (formats dates, looks for selector options, writes Yes/No for boolean), but currently there's no specific API to provide a custom renderer for fields in "readonly" mode.

This is missing functionality that we can add in next versions. It will be possible to register the field component for readonly mode, something like this:

registerEditorItem("field_name", Component, { readonly: true});

Hope, this will help. As for the time being, please use the workaround provided here: https://forum.svar.dev/d/247-how-to-show-images-in-the-editor-component/3

And add custom styling to preserve new lines:

<Field {label}><p style="white-space: pre-line;">{text}</p></Field>

We will also consider such pre-formatting out of box.

FernandoHumanes

I have been trying the solution provided and the truth is that it is simple and practical, the only problem is understanding that it has to be done this way.

Perhaps what is most necessary is for this solution to be explained and highlighted in the documentation.

Thank you