Read custom property from jcr:content through sling model | Community
Skip to main content
C
chandrareddy
Level 2
October 12, 2022
Solved

Read custom property from jcr:content through sling model

  • October 12, 2022
  • 4 replies
  • 2033 views

Hi Team,

 

I am trying to read custom property from jcr:content through sling model it is working as expected.

properties.get("xyz:description", String.class)) 

 

but xyz:description having html content which is having all html tags.

 

Ex:-xyz:description

<div class="ExternalClassA70F215EC26842B6AB7B672B13D0276A"><p>​With improved upfront , circle<sup>TM</sup> ABC-01 enhances flavors and offers strong synergy with stevia and <b>HFCS</b> <u></u>.<br></p></div>

 

but when I read through properties.get("xyz:description", String.class)), I am getting plain text , superscirpt, bold are not applied in the text.

.

Could you please suggest how to read html content from jcr:content properties.

 

Thanks,

Chandra

 

 

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by HeenaMadan

I am getting complete html. In sling model use property as:

@ValueMapValue
	private String text;
@Override
    public String getText() {
        return text;
    }

At Ui side, Use below to render:

<sly data-sly-use.model="<your-slingmodel">
${model.text @context='html'}

 Hope this helps!

4 replies

Jineet_Vora
Community Advisor and Adobe Champion
Jineet_VoraCommunity Advisor and Adobe Champion
Community Advisor and Adobe Champion
October 12, 2022

Hi @chandrareddy, I just checked on my local and I was able to get the HTML markup using properties.get("propertName", String.class) using HTL as ${item.propertyName}.
When I added the context as HTML - ${item.propertyName @ context = "html"}, I was able to output the HTML on to the page.

Please check the HTL context you're passing - https://github.com/adobe/htl-spec/blob/master/SPECIFICATION.md#121-display-context

- Jineet

    C
    chandrareddyAuthor
    Level 2
    October 20, 2022

    Thank you Jineet.

      Aditya_Chabuku
      Community Advisor
      Aditya_ChabukuCommunity Advisor
      Community Advisor
      October 12, 2022

      Hi @chandrareddy , Please use Sling API instead of JCR API to read properties in Models. I give you this piece of code for your reference and hope this helps!

      // Injecting property value using ValueMap    
    @ValueMapValue(injectionStrategy = InjectionStrategy.OPTIONAL)
    @Nullable
    private String text;
@Override
    public String getText() {
        return text;
    }

      Here is how you write in HTL.

      <div class="text">${properties.text @context='html'}</div>

      Regards,

      Aditya.ch

       

      Thanks,Aditya Chabuku
        C
        chandrareddyAuthor
        Level 2
        October 20, 2022

        Thank you Aditya

          D
          Daniel-GP
          Level 2
          October 13, 2022

          As @jineet_vora to see the html take effect you need to use the context html -> @ context = "html"

            HeenaMadan
            Community Advisor and Adobe Champion
            HeenaMadanCommunity Advisor and Adobe ChampionAccepted solution
            Community Advisor and Adobe Champion
            October 13, 2022

            I am getting complete html. In sling model use property as:

            @ValueMapValue
	private String text;
@Override
    public String getText() {
        return text;
    }

            At Ui side, Use below to render:

            <sly data-sly-use.model="<your-slingmodel">
            ${model.text @context='html'}

             Hope this helps!

              Terms & ConditionsAccessibility statement

              Loading footer...