Customising RTE special characters

Hi Team,

I am currently required to create a special character '>' from RTE on click of which there has to be a code snippet added to RTE. For Instance,

Normal Way of Working : Clicking on '>' will give ==>           <p> Hello > Hi </p>

Required Way of Working : Clicking on '>' should give =>     <p> Hello  <span aria-hidden="class1"> > </span>

                                                                                                <span class="class2">Greeting</span> Hi ...</p> .

I tried writing using Jquery and I am able to target the click of special character from RTE but not able to embed the HTML snippet on click of it. This is required for the purpose of reading the character screen reader as per our requirement.  Quick help would be really appreciated.