Converting and formatting HTML in an interface

Question

I have a record that stores text with HTML formatting from a Styled Text Editor Field. In one of my interfaces I pull that text from the record and display it with a rich text display field.
Is there a way for me to put the text in such that it keeps the styling? I've been using stripHTML() on the text but that just removes everything which is not what I need.

shubhama926776 · Answer

You cannot use Rich Text Display Field to show HTML-formatted text with styling. The solution is to use a read-only Styled Text Editor component. This way preserve the HTML formatting from your Styled Text Editor Field.

See below working example

a!localVariables(
  local!htmlText:"Bold Text
Italic Text
UnderlinedBullet 1
Bullet 2",

  a!sectionLayout(
    label: "HTML Text Display Comparison",
    contents: {
      a!textField(
        label: "Raw HTML (stored value)",
        value: local!htmlText,
        readOnly: true
      ),

      a!textField(
        label: "Using stripHtml() - loses all formatting",
        value: stripHtml(local!htmlText),
        readOnly: true
      ),

      a!styledTextEditorField(
        label: "Using Read-Only Styled Text Editor - preserves formatting",
        value: local!htmlText,
        readOnly: true,
        sizeLimit: 1000
      )
    }
  )
)

Sign up

Login with SSO

Login to the community

Login with SSO