Display the special character on UI

This below blog we will see how to display special characters on UI.

You can use Unicode to display special charters on UI components. You may need to use the resource bundle to hold the Unicode values of the special characters, and the same can be referred from the UI using the key.

Resource bundle:

view.copyRightSymbol=\u00a9
view.heart=\u2764

UI Page:

<af:outputText value="Copyright #{viewcontrollerBundle['view.copyRightSymbol']} " id="ot1"/>    
<af:outputText value="Ram #{viewcontrollerBundle['view.heart']} Sita" id="ot2"/>

The output of the page is:
 
Thanks..