I am exploring the possibilities of creating a custom rich text component that will be used in a community. The documentation explains how to create the rich text input and then format the output. https://developer.salesforce.com/docs/component-library/bundle/lightning-input-rich-text/documentation https://developer.salesforce.com/docs/component-library/bundle/lightning-formatted-rich-text/documentation

How could it be implemented for use in Communities such that in the builder a user can edit the rich text input, but on the published site only the output is displayed?

1 Answer 1


If you are familier with aura framework, you can expose particular properties as design attributes which can be set in lightning App builder or experience builder. We can use similar approach in LWC.

So, instead of using lightning-input-rich-text, you can use lightning-formatted-rich-text (https://developer.salesforce.com/docs/component-library/bundle/lightning:formattedRichText/example). Now, you can bind the value of the component to a public property in your js class, and expose that public property as a target config property in your components meta file.


  • 1
    Yes I understand this. But rich text is not an accepted type for property config. The accepted types are String, Boolean, Integer, Color, Date, Datetime and Apex-defined data type.
    – Jordan
    Mar 18, 2021 at 12:44
  • Okay, then simply use the 'Rich Content Editor' component which is available in the builder, no need to create a custom component. Mar 19, 2021 at 12:13
  • This standard component does not meet the requirements thats why I am looking to build custom.
    – Jordan
    Mar 19, 2021 at 13:12
  • @Jordan have you found a work around for this? I'm in need to implement the same too :(
    – MayurCM
    Apr 21, 2021 at 6:29

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.